/* ==========================================================================
   AGIM STUDIO — OFFICIAL DESIGN TOKENS & 4-SKIN SYSTEM (v2.0)
   Canonical Domain: https://agimstudio.com
   Skins: [data-skin="heritage"] | [data-skin="cream"] | [data-skin="night"] | [data-skin="tactical"]
   ========================================================================== */

:root,
[data-skin="heritage"] {
  /* Surface Tokens */
  --bg-primary: #F4F0E6;
  --bg-elevated: #FBF9F4;
  --bg-subtle: #EAE4D6;
  --bg-glass: rgba(251, 249, 244, 0.88);

  /* Text Tokens */
  --text-primary: #14221A;
  --text-secondary: #3B4D41;
  --text-muted: #65766B;

  /* Brand & Accent Tokens */
  --accent-primary: #1E3528;
  --accent-secondary: #B5924C;
  --accent-hero-green: #2E7D32;
  --accent-yellow: #8C6200;
  --accent-sky: #0F5C8C;

  /* Border & Elevation Tokens */
  --border-color: rgba(30, 53, 40, 0.14);
  --border-strong: rgba(30, 53, 40, 0.30);
  --badge-bg: rgba(30, 53, 40, 0.08);
  --badge-text: #1E3528;
  --code-bg: #111C16;
  --code-text: #E6EFE9;
  --card-shadow: 0 12px 32px rgba(20, 34, 26, 0.06);
  --hero-gradient: radial-gradient(circle at 80% 0%, rgba(181, 146, 76, 0.14) 0%, transparent 55%);
}

[data-skin="cream"] {
  --bg-primary: #FAF7F2;
  --bg-elevated: #FFFFFF;
  --bg-subtle: #F1ECE1;
  --bg-glass: rgba(255, 255, 255, 0.90);
  --text-primary: #1E242B;
  --text-secondary: #4A5568;
  --text-muted: #718096;
  --accent-primary: #1E3528;
  --accent-secondary: #8C5E00;
  --accent-hero-green: #2E7D32;
  --accent-yellow: #9E6B00;
  --accent-sky: #0284C7;
  --border-color: rgba(30, 36, 43, 0.11);
  --border-strong: rgba(30, 36, 43, 0.24);
  --badge-bg: rgba(30, 53, 40, 0.08);
  --badge-text: #1E3528;
  --code-bg: #181E24;
  --code-text: #F7FAFC;
  --card-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
  --hero-gradient: radial-gradient(circle at 80% 0%, rgba(140, 94, 0, 0.08) 0%, transparent 55%);
}

[data-skin="night"] {
  --bg-primary: #0D1117;
  --bg-elevated: #151B23;
  --bg-subtle: #1D2530;
  --bg-glass: rgba(21, 27, 35, 0.88);
  --text-primary: #F0F6FC;
  --text-secondary: #9CA8B7;
  --text-muted: #687585;
  --accent-primary: #30D158;
  --accent-secondary: #FFD93B;
  --accent-hero-green: #2E7D32;
  --accent-yellow: #FFD93B;
  --accent-sky: #3CB4E5;
  --border-color: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.24);
  --badge-bg: rgba(48, 209, 88, 0.12);
  --badge-text: #30D158;
  --code-bg: #080B0F;
  --code-text: #E2E8F0;
  --card-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);
  --hero-gradient: radial-gradient(circle at 80% 0%, rgba(48, 209, 88, 0.12) 0%, transparent 55%);
}

[data-skin="tactical"] {
  --bg-primary: #080C0A;
  --bg-elevated: #0F1713;
  --bg-subtle: #16231C;
  --bg-glass: rgba(15, 23, 19, 0.90);
  --text-primary: #E2F1E8;
  --text-secondary: #8BA896;
  --text-muted: #587563;
  --accent-primary: #30D158;
  --accent-secondary: #FFD93B;
  --accent-hero-green: #2E7D32;
  --accent-yellow: #FFD93B;
  --accent-sky: #38BDF8;
  --border-color: rgba(48, 209, 88, 0.18);
  --border-strong: rgba(48, 209, 88, 0.40);
  --badge-bg: rgba(48, 209, 88, 0.12);
  --badge-text: #30D158;
  --code-bg: #050806;
  --code-text: #D1FAE5;
  --card-shadow: 0 16px 38px rgba(0, 0, 0, 0.55);
  --hero-gradient: radial-gradient(circle at 80% 0%, rgba(48, 209, 88, 0.14) 0%, transparent 55%);
}

/* ==========================================================================
   CORE CHARACTER & 8-CHAPTER COLOUR STORY CONSTANTS
   ========================================================================== */
:root {
  /* Core Character Swatches */
  --agim-hoodie-green: #2E7D32;
  --agim-print-green: #2E6F40;
  --agim-sunshine-yellow: #FFD93B;
  --agim-sky-blue: #3CB4E5;
  --agim-slate-ink: #111111;
  --agim-warm-cream: #FBFBF6;

  /* AGIM's Wife Swatches */
  --wife-honey-blonde: #D89B56;
  --wife-champagne-glasses: #C4A992;
  --wife-hazel-sage: #6E8268;
  --wife-charcoal-slate: #4A484B;
  --wife-eucalyptus-silk: #9CAF9E;
  --wife-autumn-mustard: #C8963E;

  /* 8-Chapter Colour Story (5:00 PM Living Room -> 12:00 Midnight Observatory) */
  --ch1-green: #2E6F40;   --ch1-mustard: #E0A82E;
  --ch2-amber: #C27628;   --ch2-olive: #4A5D4E;
  --ch3-coral: #C85232;   --ch3-brass: #B5924C;
  --ch4-khaki: #3B4D3F;   --ch4-yellow: #E5B222;
  --ch5-teal: #1D5263;    --ch5-copper: #C46D3B;
  --ch6-oxblood: #6E2A28; --ch6-slate: #364049;
  --ch7-cobalt: #224870;  --ch7-flame: #E06A28;
  --ch8-indigo: #19233A;  --ch8-gold: #D4A634;

  /* Typography Families */
  --font-serif: 'Newsreader', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Geometry & Radii */
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 8px;
  --radius-pill: 999px;
}