/* ATHESIS STUDIO OS - Design Tokens v1.0
   Constitution §6. No selectors beyond :root. No logic. Pure values.
 */

:root {
  /* Surfaces */
  --bg-base:        #0A0A0B;
  --bg-surface:     #121214;
  --bg-raised:      #1A1A1D;
  --bg-sunken:      #060607;

  /* Lines */
  --border-subtle:  #1F1F23;
  --border-strong:  #2A2A30;

  /* Text */
  --text-primary:   #F2F2F3;
  --text-secondary: #9A9AA2;
  --text-tertiary:  #62626B;

  /* Accent: gold */
  --gold:           #E5B451;
  --gold-hover:     #F0C468;
  --gold-dim:       #8A6C2F;
  --gold-wash:      rgba(229,180,81,0.12);

  /* Semantic */
  --status-ok:      #4ADE80;
  --status-warn:    #E5B451;
  --status-busy:    #F87171;
  --status-idle:    #62626B;

  /* Phase colours */
  --phase-pre:      #3B82F6;
  --phase-pre-soft: rgba(59,130,246,0.12);
  --phase-prod:     #22C55E;
  --phase-prod-soft: rgba(34,197,94,0.12);
  --phase-post:     #A855F7;
  --phase-post-soft: rgba(168,85,247,0.12);
  --phase-release:  #F97316;
  --phase-release-soft: rgba(249,115,22,0.12);

  /* Typography */
  --font-ui:    -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
  --font-mono:  ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Spacing */
  --space-4:    4px;
  --space-8:    8px;
  --space-12:   12px;
  --space-16:   16px;
  --space-24:   24px;
  --space-32:   32px;

  /* Radius */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-full: 999px;

  /* Motion */
  --duration-standard: 140ms;
  --duration-enter: 200ms;
  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --rail-width: 240px;
  --topbar-height: 56px;
  --footbar-height: 36px;
}

/* ===== Light ===== */
[data-theme="light"] {
  --bg-base:        #F5F5F7;
  --bg-surface:     #FFFFFF;
  --bg-raised:      #EDEDF0;
  --bg-sunken:      #E4E4E8;
  --border-subtle:  #D4D4DC;
  --border-strong:  #BEBEC8;
  --text-primary:   #18181B;
  --text-secondary: #52525E;
  --text-tertiary:  #8A8A96;
  --gold:           #A07000;
  --gold-hover:     #B88000;
  --gold-dim:       #C8960C;
  --gold-wash:      rgba(160,112,0,0.10);
}

/* ===== Warm ===== */
[data-theme="warm"] {
  --bg-base:        #F4EFE4;
  --bg-surface:     #FBF8F0;
  --bg-raised:      #EDE5D4;
  --bg-sunken:      #E8DFC8;
  --border-subtle:  #D4C8A8;
  --border-strong:  #BCA888;
  --text-primary:   #2A1F0E;
  --text-secondary: #7A5C38;
  --text-tertiary:  #A88050;
  --gold:           #B86818;
  --gold-hover:     #CC7820;
  --gold-dim:       #E0A060;
  --gold-wash:      rgba(184,104,24,0.12);
}

/* ===== Slate ===== */
[data-theme="slate"] {
  --bg-base:        #0D1117;
  --bg-surface:     #161C27;
  --bg-raised:      #1E2535;
  --bg-sunken:      #090E18;
  --border-subtle:  #283045;
  --border-strong:  #38405E;
  --text-primary:   #CDD5E0;
  --text-secondary: #7E8FA6;
  --text-tertiary:  #4E5F78;
  --gold:           #5B9BD5;
  --gold-hover:     #6BAEE8;
  --gold-dim:       #2A4F80;
  --gold-wash:      rgba(91,155,213,0.12);
}

/* ===== Midnight ===== */
[data-theme="midnight"] {
  --bg-base:        #080C18;
  --bg-surface:     #0F1828;
  --bg-raised:      #162038;
  --bg-sunken:      #050810;
  --border-subtle:  #1C2E48;
  --border-strong:  #283E60;
  --text-primary:   #C4D4E8;
  --text-secondary: #6888A8;
  --text-tertiary:  #405870;
  --gold:           #00B8D4;
  --gold-hover:     #20C8E4;
  --gold-dim:       #005F6E;
  --gold-wash:      rgba(0,184,212,0.12);
}

/* ===== Forest ===== */
[data-theme="forest"] {
  --bg-base:        #080E08;
  --bg-surface:     #0F180E;
  --bg-raised:      #162214;
  --bg-sunken:      #050A05;
  --border-subtle:  #1C2E1A;
  --border-strong:  #28402A;
  --text-primary:   #C8E0C4;
  --text-secondary: #6A8A68;
  --text-tertiary:  #445E42;
  --gold:           #4CAF68;
  --gold-hover:     #5CC878;
  --gold-dim:       #266030;
  --gold-wash:      rgba(76,175,104,0.12);
}

/* ===== Dusk ===== */
[data-theme="dusk"] {
  --bg-base:        #0A0712;
  --bg-surface:     #120F1E;
  --bg-raised:      #1A162A;
  --bg-sunken:      #07050E;
  --border-subtle:  #241C38;
  --border-strong:  #342850;
  --text-primary:   #D4CCE8;
  --text-secondary: #8070A8;
  --text-tertiary:  #5C4880;
  --gold:           #9B6FF5;
  --gold-hover:     #AF85FF;
  --gold-dim:       #502890;
  --gold-wash:      rgba(155,111,245,0.12);
}

/* ===== Nightreel (absorbed from Timeline / Reel Viewer) ===== */
[data-theme="nightreel"] {
  --bg-base:        #06050D;
  --bg-surface:     #0F0E14;
  --bg-raised:      #17151F;
  --bg-sunken:      #040308;
  --border-subtle:  #201D2C;
  --border-strong:  #302B42;
  --text-primary:   #F0EADC;
  --text-secondary: #9A92A8;
  --text-tertiary:  #5E5870;
  --gold:           #F5C842;
  --gold-hover:     #FFD85C;
  --gold-dim:       #8A6E1E;
  --gold-wash:      rgba(245,200,66,0.12);
}

/* ===== Ember (absorbed from Film School) ===== */
[data-theme="ember"] {
  --bg-base:        #06050A;
  --bg-surface:     #131118;
  --bg-raised:      #1B1822;
  --bg-sunken:      #040307;
  --border-subtle:  #262230;
  --border-strong:  #383244;
  --text-primary:   #DDD6E8;
  --text-secondary: #948CA6;
  --text-tertiary:  #5C5668;
  --gold:           #E05C2A;
  --gold-hover:     #F0703C;
  --gold-dim:       #8A3818;
  --gold-wash:      rgba(224,92,42,0.12);
}

/* ===== Grindhouse (absorbed from GhoulCam) ===== */
[data-theme="grindhouse"] {
  --bg-base:        #0B0B0C;
  --bg-surface:     #17161A;
  --bg-raised:      #201F24;
  --bg-sunken:      #070708;
  --border-subtle:  #2A282E;
  --border-strong:  #3C3944;
  --text-primary:   #EDEAE0;
  --text-secondary: #9C98A0;
  --text-tertiary:  #625E68;
  --gold:           #C4302B;
  --gold-hover:     #D8443E;
  --gold-dim:       #7A1E1A;
  --gold-wash:      rgba(196,48,43,0.12);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-standard: 0ms;
    --duration-enter: 0ms;
  }
}