:root {
  color-scheme: light;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --text-strong: #321706;
  --text-main: #583015;
  --text-muted: #83603a;
  --text-soft: #a17b51;
  --surface: rgba(250, 225, 172, 0.78);
  --surface-strong: rgba(255, 241, 198, 0.92);
  --surface-subtle: rgba(247, 214, 143, 0.48);
  --stroke: rgba(255, 232, 164, 0.62);
  --stroke-dark: rgba(112, 54, 15, 0.18);
  --shadow-soft: 0 24px 70px rgba(63, 28, 7, 0.18);
  --shadow-card: 0 16px 42px rgba(63, 28, 7, 0.14);
  --blur: 16px;
  --radius-lg: 20px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --blue: #1d7f71;
  --cyan: #26728f;
  --green: #5f8f36;
  --yellow: #dca93b;
  --orange: #b85f20;
  --red: #c83a22;
  --indigo: #7652a6;
  --gray-blue: #f4e2b9;
  --ink-blue: #4f230c;
  --max-width: 1480px;
}

body.dark {
  color-scheme: dark;
  --text-strong: #fff8dc;
  --text-main: #f3dfb9;
  --text-muted: #d5b886;
  --text-soft: #a78355;
  --surface: rgba(68, 28, 8, 0.72);
  --surface-strong: rgba(87, 38, 12, 0.86);
  --surface-subtle: rgba(107, 52, 16, 0.42);
  --stroke: rgba(255, 232, 164, 0.24);
  --stroke-dark: rgba(255, 232, 164, 0.12);
  --shadow-soft: 0 24px 70px rgba(22, 8, 2, 0.44);
  --shadow-card: 0 16px 42px rgba(22, 8, 2, 0.34);
  --gray-blue: #2d1307;
  --ink-blue: #ffecc2;
}