/* Design tokens. Loaded first so every other stylesheet can reference these. */

:root {
  /* True white + neutral greys */
  --bg:       #ffffff;
  --bg-deep:  #f6f7f6;
  --paper:    #ffffff;
  --ink:      #0a0a0a;
  --ink-2:    #262626;
  --ink-3:    #525252;
  --ink-4:    #a3a3a3;
  --rule:     #e5e7e5;
  --rule-2:   #ededed;

  /* Brand greens — sampled from the logo */
  --brand:       #2DCA3D;
  --brand-deep:  #1FA02D;
  --brand-soft:  #E8F8EA;
  --brand-ink:   #166B22;

  /* Type — single sans (Inter) + monospace (JetBrains Mono). NO serifs. */
  --sans: 'Inter', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;

  --maxw: 1320px;
  --pad:  clamp(20px, 4vw, 56px);
}

[data-density="compact"] { --pad: clamp(16px, 3vw, 40px); }
[data-density="comfy"]   { --pad: clamp(28px, 5vw, 80px); }