:root {
  --font-display: "Avenir Next Condensed", "Franklin Gothic Medium", "Arial Narrow", sans-serif;
  --font-body: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", "Consolas", monospace;
  --spacing-xsmall: 4px;
  --spacing-small: 8px;
  --spacing-medium: 12px;
  --spacing-large: 16px;
  --spacing-xlarge: 24px;
  --spacing-2xlarge: 32px;
  --spacing-3xlarge: 48px;
  --spacing-4xlarge: 64px;
  --space-1: var(--spacing-xsmall);
  --space-2: var(--spacing-small);
  --space-3: var(--spacing-medium);
  --space-4: var(--spacing-large);
  --space-5: var(--spacing-xlarge);
  --space-6: var(--spacing-2xlarge);
  --space-7: var(--spacing-3xlarge);
  --space-8: var(--spacing-4xlarge);
  --radius-small: 6px;
  --radius-medium: 8px;
  --radius-large: 999px;
  --radius-panel: var(--radius-medium);
  --radius-control: var(--radius-small);
  --border-width-thin: 1px;
  --border-style-standard: solid;
  --shadow-small: 0 8px 24px rgba(17, 32, 45, 0.08);
  --shadow-medium: 0 22px 60px rgba(17, 32, 45, 0.12);
  --shadow-large: 0 32px 88px rgba(17, 32, 45, 0.16);
  --shadow-soft: var(--shadow-medium);
  --shadow-crisp: var(--shadow-small);
  --layout-content-max: 1280px;
  --layout-content-wide-max: 1440px;
  --layout-sidebar-width: 280px;
  --layout-chat-sidebar-width: 260px;
  --layout-sidebar-width-compact: 224px;
  --layout-sidebar-width-collapsed: 96px;
  --layout-drawer-width-narrow: 320px;
  --layout-drawer-width-standard: 420px;
  --layout-drawer-width-wide: 560px;
  --content-max: var(--layout-content-max);
  --sidebar-width: var(--layout-sidebar-width);
  --transition-quick: 140ms ease;
  --transition-medium: 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
  --transition-slow: 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-delay-none: 0ms;
  --transition-delay-short: 40ms;
  --color-primary: #d66a39;
  --color-primary-strong: #a84d27;
  --color-success: #1f7a64;
  --color-warning: #b95e17;
  --color-danger: #b44b4b;
  --color-info: #2d7887;
  --color-highlight: #f4b860;
  --color-icon-primary: var(--color-text-primary);
  --color-icon-secondary: var(--color-text-secondary);
}

[data-theme="light"] {
  color-scheme: light;
  --color-background: #f7f3ea;
  --color-background-accent: rgba(244, 184, 96, 0.25);
  --color-background-accent-secondary: rgba(143, 211, 215, 0.24);
  --color-background-overlay: rgba(17, 32, 45, 0.32);
  --color-text-primary: #11202d;
  --color-text-secondary: #334a5d;
  --color-text-muted: #6d7b84;
  --color-text-inverse: #f7f3ea;
  --color-surface: rgba(255, 255, 255, 0.78);
  --color-surface-secondary: rgba(255, 255, 255, 0.94);
  --color-surface-tertiary: rgba(143, 211, 215, 0.12);
  --color-surface-accent: rgba(214, 106, 57, 0.06);
  --color-border: rgba(17, 32, 45, 0.14);
  --color-divider: rgba(17, 32, 45, 0.2);
  --color-navigation-surface: linear-gradient(180deg, rgba(17, 32, 45, 0.9), rgba(28, 47, 61, 0.82));
  --color-navigation-hover: rgba(247, 243, 234, 0.1);
  --color-navigation-border: rgba(247, 243, 234, 0.14);
  --color-sidebar-text: #f7f3ea;
  --color-sidebar-text-secondary: rgba(247, 243, 234, 0.66);
  --color-header-surface: rgba(247, 243, 234, 0.72);
  --color-button-text-on-primary: #101a24;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-background: #101a24;
  --color-background-accent: rgba(240, 163, 90, 0.18);
  --color-background-accent-secondary: rgba(143, 211, 215, 0.16);
  --color-background-overlay: rgba(0, 0, 0, 0.48);
  --color-text-primary: #edf1f4;
  --color-text-secondary: #b2bec6;
  --color-text-muted: #8293a0;
  --color-text-inverse: #101a24;
  --color-surface: rgba(16, 26, 36, 0.74);
  --color-surface-secondary: rgba(18, 30, 41, 0.96);
  --color-surface-tertiary: rgba(143, 211, 215, 0.1);
  --color-surface-accent: rgba(240, 163, 90, 0.08);
  --color-border: rgba(237, 241, 244, 0.14);
  --color-divider: rgba(237, 241, 244, 0.2);
  --color-navigation-surface: linear-gradient(180deg, rgba(7, 14, 21, 0.94), rgba(16, 26, 36, 0.9));
  --color-navigation-hover: rgba(237, 241, 244, 0.08);
  --color-navigation-border: rgba(237, 241, 244, 0.14);
  --color-sidebar-text: #edf1f4;
  --color-sidebar-text-secondary: rgba(237, 241, 244, 0.7);
  --color-header-surface: rgba(16, 26, 36, 0.76);
  --color-button-text-on-primary: #101a24;
  --color-primary: #f0a35a;
  --color-primary-strong: #ffcc8a;
  --color-success: #7fd2b8;
  --color-warning: #ffc272;
  --color-danger: #ff9f9f;
  --color-info: #8fd3d7;
  --color-highlight: #8fd3d7;
  --shadow-small: 0 12px 30px rgba(0, 0, 0, 0.18);
  --shadow-medium: 0 28px 70px rgba(0, 0, 0, 0.28);
  --shadow-large: 0 38px 96px rgba(0, 0, 0, 0.34);
  --shadow-soft: var(--shadow-medium);
  --shadow-crisp: var(--shadow-small);
}