:root {
  color-scheme: light;

  --font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-editorial: Newsreader, Georgia, "Times New Roman", serif;

  --bg-canvas: #f7f6f2;
  --bg-surface: #fcfbf8;
  --bg-surface-raised: #ffffff;
  --bg-subtle: #f0efea;
  --text-primary: #1b1d1d;
  --text-secondary: #656968;
  --text-muted: #8b8e8c;
  --border-default: #dddcd7;
  --border-strong: #c7c6c0;
  --primary: #176b68;
  --primary-hover: #125956;
  --primary-active: #0e4947;
  --primary-soft: #e4f1ef;
  --on-primary: #ffffff;

  --success: #2f6b4f;
  --success-soft: #e8f1ec;
  --warning: #8a5a12;
  --warning-soft: #f7ebd7;
  --error: #a33e3e;
  --error-soft: #f7e7e7;
  --info: #3e648a;
  --info-soft: #e8eff6;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 0.08);
  --shadow-lg: 0 12px 32px rgb(0 0 0 / 0.12);

  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 240ms;
  --motion-emphasis: 320ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);

  --content-width: 74rem;
  --reading-width: 46rem;
  --header-height: 4.5rem;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg-canvas: #161918;
  --bg-surface: #1d2120;
  --bg-surface-raised: #252a28;
  --bg-subtle: #202422;
  --text-primary: #f2f1ec;
  --text-secondary: #b4b8b5;
  --text-muted: #858a87;
  --border-default: #333936;
  --border-strong: #454c48;
  --primary: #5bb9b3;
  --primary-hover: #72c8c2;
  --primary-active: #83d3cd;
  --primary-soft: #203d3a;
  --on-primary: #161918;

  --success: #78b997;
  --success-soft: #20372c;
  --warning: #d2a35b;
  --warning-soft: #3a2f1d;
  --error: #e08a8a;
  --error-soft: #3b2424;
  --info: #82a7cf;
  --info-soft: #223246;
}