/* =====================================================================
   IDK — style variants (the dial)
   Four stops, token overrides only. Stop 0 is the locked baseline and
   lives in tokens.css; each deviation is tuned to one of the audiences
   named in section 01. Exploration layer — the baseline stays canonical.
   ===================================================================== */

/* Stop 1 · THE SHALLOWS — patch deviation.
   Tuned to potatofolk: the closest audience, arriving from the warm
   Potatuhs world. Surfaces warm toward shore-light; the accent trades
   verdigris for wet bronze. Everything else holds. */
:root[data-theme="shallows"] {
  --lobby:          #F4F2E9;
  --surface:        #EBE7D9;
  --surface-2:      #E0DAC8;
  --rule:           #D4CDB9;
  --ink:            #2E2A1C;
  --ink-soft:       #55503C;
  --muted:          #6E6852;
  --verdigris:      #9C6B33;
  --verdigris-deep: #7A5226;
  --biolume:        #E8C86A;
  --gradient-descent: linear-gradient(180deg, #23343A 0%, #0A1A21 78%);
}

/* Stop 2 · DEEPWATER — minor deviation.
   Tuned to the late-night self-taught dev: the whole document descends.
   Dark surfaces, foam ink, bioluminescent interaction. */
:root[data-theme="deepwater"] {
  --lobby:          #0A1A21;
  --surface:        #10242C;
  --surface-2:      #16303A;
  --deep-surface:   #16303A;
  --ink:            #EAF2EF;
  --ink-soft:       #B9CCC8;
  --muted:          #7E979A;
  --rule:           #24404A;
  --rule-dark:      #2E4E58;
  --verdigris:      #56B3A0;
  --verdigris-deep: #3E8E7E;
  --gold:           #D8B44E;
  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.25);
  --sh-2: 0 2px 4px rgba(0, 0, 0, 0.35), 0 12px 32px rgba(0, 0, 0, 0.35);
  --sh-3: 0 4px 8px rgba(0, 0, 0, 0.4), 0 28px 64px rgba(0, 0, 0, 0.5);
}

/* Stop 3 · THE COMPENDIUM — major deviation.
   Tuned to the returning scholar: what if the archive-as-canon reader
   were primary? Parchment, carved corners, lapidary display, gold as
   the working accent. */
:root[data-theme="compendium"] {
  --lobby:          #F0E7D2;
  --surface:        #E7DCC1;
  --surface-2:      #DCCFAE;
  --rule:           #C9BB98;
  --ink:            #2A2418;
  --ink-soft:       #51482F;
  --muted:          #6B6045;
  --verdigris:      #A07E2A;
  --verdigris-deep: #7E6220;
  --biolume:        #C9A43B;
  --font-display:   'Cormorant Garamond', 'Times New Roman', serif;
  --r-sm: 0px;
  --r-md: 0px;
  --r-lg: 0px;
  --r-xl: 0px;
  --border-w: 1.5px;
  --gradient-descent: linear-gradient(180deg, #3A3120 0%, #14110A 78%);
}