/* Shared design tokens. Extend here; do not add local visual literals. */
:root {
  color-scheme: dark;
  --radius: 10px;
  --feedback-error: #f0b7aa;
  --feedback-warning: #e6d49e;
  --motion-loading: 1200ms;
  --skeleton-reading: 240px;
  --bg: #161916;
  --surface: #1e221e;
  --surface-hover: #293124;
  --surface-active: #34402a;
  --ink: #f0f0e6;
  --reading-ink: #d9ddd3;
  --muted: #a3ada0;
  --line: #363d32;
  --line-soft: #2b3228;
  --line-strong: #4c5741;
  --line-hover: #75865a;
  --accent: #d9ee98;
  --accent-ink: #20271b;
  --accent-edge: #e5f6b6;
  --accent-hover: #e8f9b9;
  --backdrop: #090c09bd;
  --shadow-dialog: 0 24px 90px #0008;
  --shadow-floating: 0 8px 30px #0004;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --font-caption: 11px;
  --font-small: 13px;
  --font-body: 14px;
  --font-reading: 15px;
  --font-title: 25px;
  --font-display: 38px;
  --weight-regular: 400;
  --weight-medium: 500;
  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-reading: 1.8;
  --tracking-tight: -1px;
  --tracking-wide: 2px;

  --border-width: 1px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --control-size: 48px;
  --row-size: 60px;
  --icon-size: 20px;
  --icon-compact: 12px;
  --icon-stroke: 1.5;
  --motion-fast: 150ms;
  --page-max: 900px;
  --dialog-max: 780px;
  --calendar-max: 352px;
  --calendar-day-size: 40px;
  --layer-floating: 5;
}
@media (max-width: 800px) {
  :root { --font-display: 34px; }
}
@media (max-width: 600px) {
  :root { --font-title: 22px; --font-reading: 14px; }
}
@media (max-width: 360px) {
  :root { --font-title: 20px; --font-display: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; }
}