/* ─────────────────────────────────────────
   SOLSTICE DESIGN TOKENS — mkdev.fr
   ───────────────────────────────────────── */

:root {
  /* Couleurs */
  --p:        #F97316;  /* orange — CTA, accents */
  --p-light:  #FED7AA;
  --p-dark:   #C2410C;
  --s:        #4C1D95;  /* violet — structure, navbar */
  --s-mid:    #7C3AED;
  --s-light:  #EDE9FE;
  --s-dark:   #2E1065;

  /* Fond & surfaces */
  --bg:       #FAFAF9;
  --surface:  #FFFFFF;
  --subtle:   #F5F4F0;
  --bg-v:     #F5F3FF;  /* violet très clair */

  /* Texte */
  --text:     #1C1917;
  --muted:    #78716C;
  --faint:    #A8A29E;

  /* Bordures */
  --border:   #E7E5E4;

  /* Polices */
  --fd: 'Fira Code', monospace;   /* titres / display */
  --fb: 'Inter', sans-serif;      /* corps */
  --fm: 'JetBrains Mono', monospace; /* code / tags */

  /* Rayons */
  --r:   10px;
  --rl:  16px;
  --rxl: 20px;

  /* Ombres */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.06);
  --shadow-md:  0 4px 12px rgba(76,29,149,.08);
  --shadow-lg:  0 8px 24px rgba(76,29,149,.12);

  /* Transitions */
  --ease: .15s ease;

  /* Nav */
  --nav-bg: rgba(250, 250, 249, .9);

  /* Code blocks — light */
  --code-bg:      #F8F7F4;
  --code-bar:     #EFEEE9;
  --code-border:  #E7E5E4;
  --code-text:    #1C1917;
  --code-comment: #A8A29E;

  /* Terminal */
  --term-bg:     #FFFFFF;
  --term-bar:    #F5F4F0;
  --term-border: #E7E5E4;
  --term-shadow: 0 8px 32px rgba(76,29,149,.1);
  --term-title:  #A8A29E;
  --term-text:   #1C1917;
  --term-cmd:    #4C1D95;
  --term-tech:   #F97316;
}

/* ── Dark theme ── */
[data-theme="dark"] {
  --p:        #FB923C;
  --p-light:  #431407;
  --p-dark:   #FDBA74;
  --s:        #A78BFA;
  --s-mid:    #8B5CF6;
  --s-light:  #1E1338;
  --s-dark:   #1A1230;

  --bg:       #1C1917;
  --surface:  #292524;
  --subtle:   #33302E;
  --bg-v:     #231B2E;

  --text:     #F5F5F4;
  --muted:    #A8A29E;
  --faint:    #57534E;

  --border:   #3D3937;

  --shadow-sm:  0 1px 3px rgba(0,0,0,.3);
  --shadow-md:  0 4px 12px rgba(0,0,0,.4);
  --shadow-lg:  0 8px 24px rgba(0,0,0,.5);

  --nav-bg: rgba(28, 25, 23, .9);

  --tag-g-bg:   #052E16;
  --tag-g-text: #4ADE80;

  --footer-link:       #A78BFA;
  --footer-link-hover: #C4B5FD;
  --footer-copy:       #c1beba;

  /* Code blocks — dark */
  --code-bg:      #1A1625;
  --code-bar:     rgba(255,255,255,.04);
  --code-border:  rgba(255,255,255,.08);
  --code-text:    #E2E8F0;
  --code-comment: #6B7280;

  --term-band:   #7C2D12;
  --term-bg:     #1A1625;
  --term-bar:    rgba(255,255,255,.04);
  --term-border: rgba(255,255,255,.08);
  --term-shadow: 0 8px 32px rgba(0,0,0,.4);
  --term-title:  rgba(255,255,255,.3);
  --term-text:   #E2E8F0;
  --term-cmd:    #A78BFA;
  --term-tech:   #FB923C;
}