/* ══════════════════════════════════════════════════════════════
   THEME — shared tokens + theme/type/density overrides.
   Linked by index.html and the case-study pages. Single source
   of truth for design tokens. Do not redefine these values in
   page stylesheets; extend by adding new tokens here.
══════════════════════════════════════════════════════════════ */

:root {
  /* Paper theme (default) */
  --bg:        #F6F4EE;
  --bg-sunk:   #EFEBE1;
  --paper:     #FAFAF5;
  --ink:       #0E0E0C;
  --ink-80:    #1E1E1B;
  --ink-60:    #4A4944;
  --ink-40:    #7C7A72;
  --ink-20:    #B8B5AB;
  --rule:      #D9D4C5;
  --rule-soft: #E6E1D2;
  --accent:    #C2552B;

  /* Type stacks */
  --sans: 'Inter Tight', 'Söhne', 'Neue Haas Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --serif: 'Fraunces', 'Instrument Serif', Georgia, serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --col-max: 1280px;
  --col-gutter: clamp(24px, 4vw, 64px);
  --section-pad: clamp(64px, 10vh, 140px);
  --rad: 10px;
}

body[data-theme="ink"] {
  --bg:        #0E0E0C;
  --bg-sunk:   #17170F;
  --paper:     #151513;
  --ink:       #F3F1E9;
  --ink-80:    #E4E1D6;
  --ink-60:    #A9A59A;
  --ink-40:    #706D63;
  --ink-20:    #3A3832;
  --rule:      #2A2823;
  --rule-soft: #1E1D19;
}
body[data-theme="graphite"] {
  --bg:        #F3F3F2;
  --bg-sunk:   #E8E7E5;
  --paper:     #FAFAF9;
  --ink:       #0B0B0B;
  --ink-80:    #1A1A1A;
  --ink-60:    #4B4B4B;
  --ink-40:    #7A7A7A;
  --ink-20:    #BEBEBE;
  --rule:      #DCDCDB;
  --rule-soft: #E9E9E8;
}

body[data-type="serif"] { --sans: 'Fraunces', Georgia, serif; }
body[data-type="mono"]  { --sans: 'JetBrains Mono', ui-monospace, monospace; }

body[data-density="compact"] {
  --section-pad: clamp(48px, 7vh, 96px);
}