:root {
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: clamp(1.75rem, 6vw, 2.5rem);
  --text-3xl: clamp(2rem, 7vw, 2.75rem);
  --text-4xl: clamp(2.5rem, 9vw, 3.5rem);
  --line-tight: 1.15;
  --line-normal: 1.55;
  --weight-regular: 400;
  --weight-medium: 550;
  --weight-semibold: 650;
  --weight-bold: 750;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --space-10: 4rem;

  --radius-sm: 0.625rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.125rem;
  --radius-card: 1.375rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgb(28 31 26 / 0.05), 0 8px 24px rgb(28 31 26 / 0.04);
  --shadow-md: 0 16px 40px rgb(28 31 26 / 0.10);
  --shadow-lg: 0 24px 60px rgb(28 31 26 / 0.14);

  --motion-fast: 150ms;
  --motion-base: 200ms;
  --motion-slow: 250ms;
  --ease-standard: cubic-bezier(.2,.7,.2,1);

  --z-base: 0;
  --z-sticky: 20;
  --z-nav: 40;
  --z-overlay: 60;
  --z-toast: 80;

  --bg: #f3efe5;
  --surface: #fbf8f1;
  --surface-elevated: #ffffff;
  --surface-muted: #ebe4d7;
  --text: #20251f;
  --text-secondary: #5f665d;
  --text-muted: #5e645c;
  --border: #d9d1c3;
  --accent: #294d3b;
  --accent-soft: #dce8df;
  --sage: #506857;
  --gold: #755c2c;
  --success: #2f6b4f;
  --warning: #8a6622;
  --danger: #9b3d3d;
  --focus: #2c6e50;
  --nav-bg: rgb(251 248 241 / 0.94);
  --scrim: rgb(17 20 17 / 0.44);
  --selection: #d7e4da;
  --theme-color: #f3efe5;
}

:root[data-theme="paper"] {
  color-scheme: light;
  --bg: #f3efe5;
  --surface: #fbf8f1;
  --surface-elevated: #fffdf8;
  --surface-muted: #ebe4d7;
  --text: #20251f;
  --text-secondary: #5f665d;
  --text-muted: #5e645c;
  --border: #d9d1c3;
  --accent: #294d3b;
  --accent-soft: #dce8df;
  --sage: #506857;
  --gold: #755c2c;
  --nav-bg: rgb(251 248 241 / 0.94);
  --theme-color: #f3efe5;
}

:root[data-theme="midnight"] {
  color-scheme: dark;
  --bg: #171a18;
  --surface: #202421;
  --surface-elevated: #272c28;
  --surface-muted: #2b302c;
  --text: #f2f0e9;
  --text-secondary: #b8bdb7;
  --text-muted: #8f9690;
  --border: #383e39;
  --accent: #9bb7a3;
  --accent-soft: #2b3d32;
  --sage: #8ea291;
  --gold: #b89458;
  --success: #8fc3a2;
  --warning: #d1ad68;
  --danger: #d98989;
  --focus: #a9c7b1;
  --nav-bg: rgb(32 36 33 / 0.95);
  --scrim: rgb(0 0 0 / 0.58);
  --selection: #355140;
  --theme-color: #171a18;
}

:root[data-theme="forest"] {
  color-scheme: dark;
  --bg: #142019;
  --surface: #1c2a21;
  --surface-elevated: #24352a;
  --surface-muted: #2a3c31;
  --text: #f4f1e7;
  --text-secondary: #bcc9bd;
  --text-muted: #91a094;
  --border: #36513f;
  --accent: #b4cbb8;
  --accent-soft: #2b4937;
  --sage: #9bb39f;
  --gold: #bea16a;
  --success: #9fceb0;
  --warning: #d5b36f;
  --danger: #df9393;
  --focus: #c1d7c5;
  --nav-bg: rgb(28 42 33 / 0.95);
  --scrim: rgb(4 12 7 / 0.62);
  --selection: #345943;
  --theme-color: #142019;
}

:root[data-theme="oled"] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #0b0d0c;
  --surface-elevated: #121513;
  --surface-muted: #181b19;
  --text: #f6f4ee;
  --text-secondary: #b6bbb6;
  --text-muted: #858b86;
  --border: #252a26;
  --accent: #a7c0ad;
  --accent-soft: #17241b;
  --sage: #8ea293;
  --gold: #b8955e;
  --success: #90c3a2;
  --warning: #caaa67;
  --danger: #d78383;
  --focus: #b7d0bd;
  --nav-bg: rgb(5 6 5 / 0.96);
  --scrim: rgb(0 0 0 / 0.75);
  --selection: #284032;
  --theme-color: #000000;
}

:root[data-theme="night"] {
  color-scheme: dark;
  --bg: #1b211d;
  --surface: #232a25;
  --surface-elevated: #2b332c;
  --surface-muted: #323b32;
  --text: #f3ecdd;
  --text-secondary: #cdc3ae;
  --text-muted: #b3a88f;
  --border: #3c443d;
  --accent: #a9c4ae;
  --accent-soft: #2e4033;
  --sage: #9aae9e;
  --gold: #c9a35f;
  --success: #9fceae;
  --warning: #d8b46e;
  --danger: #e09696;
  --focus: #c2d4bc;
  --nav-bg: rgb(35 42 37 / 0.95);
  --scrim: rgb(8 11 9 / 0.62);
  --selection: #3a5341;
  --theme-color: #1b211d;
}

:root[data-theme="system"] {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
  color-scheme: dark;
  --bg: #1b211d;
  --surface: #232a25;
  --surface-elevated: #2b332c;
  --surface-muted: #323b32;
  --text: #f3ecdd;
  --text-secondary: #cdc3ae;
  --text-muted: #b3a88f;
  --border: #3c443d;
  --accent: #a9c4ae;
  --accent-soft: #2e4033;
  --sage: #9aae9e;
  --gold: #c9a35f;
  --success: #9fceae;
  --warning: #d8b46e;
  --danger: #e09696;
  --focus: #c2d4bc;
  --nav-bg: rgb(35 42 37 / 0.95);
  --scrim: rgb(8 11 9 / 0.62);
  --selection: #3a5341;
  --theme-color: #1b211d;
  }
}