:root {
  --ink: #1f2933;
  --ink-soft: #52606d;
  --ink-muted: #697586;
  --paper: #f6f2ea;
  --surface: #ffffff;
  --surface-soft: #eef4f2;
  --line: #d7e0dc;
  --brand: #134e5e;
  --brand-deep: #0b3540;
  --brand-soft: #dbecef;
  --accent: #d66a5c;
  --accent-deep: #a8463c;
  --accent-soft: #fae2dc;
  --yellow: #f1c66a;
  --yellow-soft: #fff3cc;
  --sky: #75b9c7;
  --violet: #8272b7;
  --mint: #8cc7a7;
  --peach: #f0b49d;
  --success: #2f7d65;
  --success-soft: #dff2e9;
  --danger: #a83d3d;
  --danger-soft: #fbe4e4;
  --focus: #e09331;
  --shadow-sm: 0 2px 8px rgba(19, 78, 94, .08);
  --shadow-md: 0 14px 34px rgba(19, 78, 94, .12);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --max-width: 1180px;
  --reading-width: 760px;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --text-scale: 1;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body[data-theme="dark"] {
  --ink: #eef4f2;
  --ink-soft: #c2d0cf;
  --ink-muted: #9aacab;
  --paper: #12252a;
  --surface: #19343a;
  --surface-soft: #21454c;
  --line: #3b5e63;
  --brand: #8ad2d1;
  --brand-deep: #c4efed;
  --brand-soft: #254d54;
  --accent: #f19a86;
  --accent-deep: #ffc0ae;
  --accent-soft: #5b3735;
  --yellow: #f5d57e;
  --yellow-soft: #5a4c27;
  --sky: #8bd2dd;
  --violet: #b9a7e4;
  --mint: #9de0bf;
  --peach: #ffc1aa;
  --success: #8bd1b1;
  --success-soft: #21493c;
  --danger: #ffaaa8;
  --danger-soft: #5b3034;
  --focus: #ffd273;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);
  --shadow-md: 0 14px 34px rgba(0, 0, 0, .25);
}

body[data-contrast="high"] {
  --ink: #000000;
  --ink-soft: #111111;
  --ink-muted: #2e2e2e;
  --paper: #ffffff;
  --surface: #ffffff;
  --surface-soft: #ffff99;
  --line: #000000;
  --brand: #003b49;
  --brand-deep: #000000;
  --brand-soft: #d9ffff;
  --accent: #8b1208;
  --accent-deep: #620a04;
  --accent-soft: #ffe1dc;
  --yellow: #ffdf00;
  --yellow-soft: #fffbd1;
  --focus: #ff6a00;
  --shadow-sm: none;
  --shadow-md: none;
}

body[data-font-scale="large"] { --text-scale: 1.16; }
body[data-font-scale="xlarge"] { --text-scale: 1.3; }