/* ============================================================
   AXEL HOEHNKE — DESIGN SYSTEM TOKENS v1.0
   5-tier token architecture · Light / Dark / Executive themes
============================================================ */

/* ── TIER 1: GLOBAL CONSTANTS ── */
:root {
  --global-black:    #000000;
  --global-white:    #FFFFFF;
  --global-midnight: #0D1520;
  --global-signal:   #1D4ED8;
  --global-amber:    #D97706;
}

/* ── TIER 2: BASE TOKENS ── */

[data-theme="light"] {
  --color-text-primary:       #141A24;
  --color-text-secondary:     #374151;
  --color-text-tertiary:      #6B7280;
  --color-text-quaternary:    #9CA3AF;
  --color-text-light:         #CBD5E0;

  --color-accent-1:  #1D4ED8;
  --color-accent-2:  #92400E;
  --color-accent-3:  #DC2626;

  --color-surface:              #FFFFFF;
  --color-surface-emphasized:   #F8F9FA;
  --color-surface-secondary:    #F1F3F5;

  --color-border:               #E5E7EB;
  --color-border-secondary:     #D1D5DB;
  --color-border-strong:        #9CA3AF;

  --color-image-bg:             #E5E7EB;
}

[data-theme="dark"] {
  --color-text-primary:       #F0F4F8;
  --color-text-secondary:     #CBD5E0;
  --color-text-tertiary:      #8B9EB0;
  --color-text-quaternary:    #627D98;
  --color-text-light:         #3E5268;

  --color-accent-1:  #60A5FA;
  --color-accent-2:  #FCD34D;
  --color-accent-3:  #F87171;

  --color-surface:              #0D1520;
  --color-surface-emphasized:   #162030;
  --color-surface-secondary:    #1C2B3F;

  --color-border:               #1E3A5F;
  --color-border-secondary:     #243F6B;
  --color-border-strong:        #2D5185;

  --color-image-bg:             #1E3A5F;
}

[data-theme="executive"] {
  --color-text-primary:       #0D1F3C;
  --color-text-secondary:     #1E3A5F;
  --color-text-tertiary:      #4A6380;
  --color-text-quaternary:    #7A94A8;
  --color-text-light:         #C4CDD6;

  --color-accent-1:  #0D1F3C;
  --color-accent-2:  #B7791F;
  --color-accent-3:  #C53030;

  --color-surface:              #FEFDF8;
  --color-surface-emphasized:   #F5F3E8;
  --color-surface-secondary:    #EDE9D8;

  --color-border:               #DDD8C0;
  --color-border-secondary:     #C8C2A0;
  --color-border-strong:        #A89E80;

  --color-image-bg:             #DDD8C0;
}

/* ── TIER 3: STATUS TOKENS ── */

[data-theme="light"] {
  --color-info:    #1D4ED8;
  --color-success: #15803D;
  --color-error:   #DC2626;
  --color-warning: #D97706;
}

[data-theme="dark"] {
  --color-info:    #60A5FA;
  --color-success: #34D399;
  --color-error:   #F87171;
  --color-warning: #FCD34D;
}

[data-theme="executive"] {
  --color-info:    #2B6CB0;
  --color-success: #276749;
  --color-error:   #C53030;
  --color-warning: #B7791F;
}

/* ── TIER 4: SEMANTIC TOKENS ── */

:root,
[data-theme="light"],
[data-theme="dark"],
[data-theme="executive"] {
  --color-link:           var(--color-accent-1);
  --color-divider:        var(--color-border-strong);
  --color-bullet:         var(--color-text-tertiary);
  --color-meta:           var(--color-text-tertiary);
  --color-meta-secondary: var(--color-text-quaternary);
  --color-code:           var(--color-accent-1);
}

/* ── TIER 5: COMPONENT TOKENS ── */

[data-theme="light"] {
  --color-sticky-bg:         var(--color-accent-1);
  --color-sticky-text:       var(--global-white);
  --color-blockquote-bg:     var(--color-surface-secondary);
  --color-blockquote-border: var(--color-accent-1);
  --color-sprint-border:     #92400E;
  --color-sprint-label:      #92400E;

  --color-nav-bg:            #FFFFFF;
  --color-nav-text:          #141A24;
  --color-nav-border:        #E5E7EB;
  --color-nav-toggle-bg:     #1D4ED8;
}

[data-theme="dark"] {
  --color-sticky-bg:         var(--color-accent-1);
  --color-sticky-text:       var(--global-midnight);
  --color-blockquote-bg:     var(--color-surface-secondary);
  --color-blockquote-border: var(--color-accent-1);
  --color-sprint-border:     #FCD34D;
  --color-sprint-label:      #FCD34D;

  --color-nav-bg:            #0D1520;
  --color-nav-text:          #F0F4F8;
  --color-nav-border:        #1E3A5F;
  --color-nav-toggle-bg:     #60A5FA;
}

[data-theme="executive"] {
  --color-sticky-bg:         var(--color-accent-2);
  --color-sticky-text:       var(--global-white);
  --color-blockquote-bg:     var(--color-surface-secondary);
  --color-blockquote-border: var(--color-accent-2);
  --color-sprint-border:     #B7791F;
  --color-sprint-label:      #B7791F;

  --color-nav-bg:            #FEFDF8;
  --color-nav-text:          #0D1F3C;
  --color-nav-border:        #DDD8C0;
  --color-nav-toggle-bg:     #B7791F;
}

/* ── TYPOGRAPHY TOKENS ── */
:root {
  --font-primary: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  --font-size-h1:        2rem;
  --font-size-h2:        1.3rem;
  --font-size-h3:        1.25rem;
  --font-size-masthead:  1.5rem;
  --font-size-small:     0.82rem;

  --font-weight-light:    300;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-label:    550;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;
}

/* ── SPACING TOKENS ── */
:root {
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 2.5rem;
  --space-3xl: 3rem;
}