/**
 * NEVGO INSTITUTE V2 — DESIGN TOKENS
 * Aesthetic: Architectural Editorial Luxury / Botanical Consciousness
 * Zero AI Slop Standard
 */

:root {
  /* ==========================================================================
     COLOR SYSTEM — ARCHITECTURAL BOTANICAL LUXURY
     ========================================================================== */
  /* Primary Deep Earth & Botanical */
  --color-obsidian: #09130e;         /* Deepest obsidian pine foundation */
  --color-forest-deep: #0f2119;      /* Primary luxury forest background */
  --color-forest-surface: #152d23;   /* Elevated surface card background */
  --color-forest-border: rgba(180, 210, 190, 0.12); /* Subtle hairline border */
  --color-forest-hover: #1c3c2f;     /* Hover state on dark surfaces */

  /* Neutral Canvas / Ivory Alabaster */
  --color-parchment: #faf8f3;        /* Warm light canvas */
  --color-alabaster: #f3efe6;        /* Subtle secondary light canvas */
  --color-linen: #e9e3d5;            /* Border & card container on light */
  --color-sand: #dfd8c7;             /* Subtle accent divider */
  
  /* Text & Ink System */
  --text-dark-primary: #121e18;      /* Primary text on light canvas */
  --text-dark-secondary: #3b4e44;    /* Secondary text on light canvas */
  --text-dark-muted: #687d72;        /* Muted supporting text on light canvas */
  
  --text-light-primary: #faf8f3;     /* Primary text on dark forest */
  --text-light-secondary: #c5d6cc;   /* Secondary text on dark forest */
  --text-light-muted: #8fa397;       /* Muted text on dark forest */
  
  /* Accent & Energy Colors */
  --color-terracotta: #bd5936;       /* Warm grounding terracotta accent */
  --color-terracotta-hover: #a34828;
  --color-terracotta-glow: rgba(189, 89, 54, 0.18);
  
  --color-gold: #c89b4f;             /* Burnished wisdom gold */
  --color-gold-muted: rgba(200, 155, 79, 0.15);
  
  --color-sage: #8fa998;             /* Organic botanical sage */
  --color-sage-light: #d8e5dc;
  --color-sage-glow: rgba(143, 169, 152, 0.15);

  /* Status / Highlight Tokens */
  --color-emerald-active: #2ecc71;
  --color-live-badge: rgba(46, 204, 113, 0.16);

  /* ==========================================================================
     TYPOGRAPHY SCALE — FLUID SYSTEM
     ========================================================================== */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, Menlo, monospace;

  /* Type Scale */
  --text-display: clamp(2.5rem, 5.5vw, 4.4rem);
  --text-h1: clamp(2.1rem, 4vw, 3.2rem);
  --text-h2: clamp(1.75rem, 3.2vw, 2.5rem);
  --text-h3: clamp(1.35rem, 2.2vw, 1.85rem);
  --text-h4: clamp(1.15rem, 1.5vw, 1.35rem);
  --text-body-lg: clamp(1.05rem, 1.2vw, 1.25rem);
  --text-body: 1rem;
  --text-body-sm: 0.875rem;
  --text-caption: 0.75rem;

  /* Line Heights */
  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-normal: 1.45;
  --lh-relaxed: 1.68;

  /* Letter Spacing */
  --tracking-tighter: -0.035em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.05em;
  --tracking-widest: 0.12em;

  /* ==========================================================================
     SPACING & LAYOUT
     ========================================================================== */
  --space-2xs: 0.25rem;   /* 4px */
  --space-xs: 0.5rem;     /* 8px */
  --space-sm: 0.75rem;    /* 12px */
  --space-md: 1rem;       /* 16px */
  --space-lg: 1.5rem;     /* 24px */
  --space-xl: 2rem;       /* 32px */
  --space-2xl: 3rem;      /* 48px */
  --space-3xl: 4.5rem;    /* 72px */
  --space-4xl: 6.5rem;    /* 104px */

  --container-max: 1240px;
  --container-narrow: 860px;
  --container-wide: 1380px;

  /* ==========================================================================
     ELEVATION & BORDERS
     ========================================================================== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-full: 9999px;

  --border-light: 1px solid rgba(18, 30, 24, 0.08);
  --border-dark: 1px solid rgba(250, 248, 243, 0.1);
  --border-gold: 1px solid rgba(200, 155, 79, 0.3);
  --border-terracotta: 1px solid rgba(189, 89, 54, 0.35);

  --shadow-subtle: 0 4px 20px rgba(9, 19, 14, 0.04);
  --shadow-card: 0 10px 30px -5px rgba(9, 19, 14, 0.06);
  --shadow-float: 0 20px 45px -10px rgba(9, 19, 14, 0.12);
  --shadow-glow-terracotta: 0 0 35px rgba(189, 89, 54, 0.2);

  /* Transitions */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 180ms;
  --duration-normal: 320ms;
  --duration-slow: 600ms;
}