:root {
  color-scheme: light;
  --color-background: #f5f7f8;
  --color-surface: #ffffff;
  --color-surface-elevated: #ffffff;
  --color-surface-soft: #edf2f5;
  --color-text: #0c1720;
  --color-text-secondary: #41515e;
  --color-text-muted: #6d7b86;
  --color-border: #d9e1e6;
  --color-border-strong: #b6c4cd;
  --color-accent: #59b8f4;
  --color-accent-strong: #147fbe;
  --color-accent-hover: #0872ad;
  --color-accent-soft: #dff2ff;
  --color-success: #1f815d;
  --color-warning: #9b6400;
  --color-error: #b33b49;
  --color-header: rgba(8, 17, 24, 0.88);
  --color-on-dark: #f6f9fb;
  --color-on-dark-muted: #c1ccd4;
  --color-dark-surface: #0c1720;
  --color-dark-elevated: #14232e;

  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 550;
  --font-weight-semibold: 650;
  --font-weight-bold: 760;
  --line-tight: 1.03;
  --line-heading: 1.14;
  --line-body: 1.65;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.55rem);
  --text-2xl: clamp(1.7rem, 1.3rem + 1.2vw, 2.55rem);
  --text-3xl: clamp(2.3rem, 1.6rem + 2.5vw, 4.3rem);
  --text-display: clamp(3rem, 2rem + 4vw, 6.4rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --container-wide: 90rem;
  --container-main: 76rem;
  --container-narrow: 50rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.4rem;
  --radius-pill: 999px;
  --shadow-sm: 0 0.4rem 1rem rgba(10, 24, 34, 0.08);
  --shadow-md: 0 1.25rem 3rem rgba(10, 24, 34, 0.14);
  --shadow-lg: 0 2rem 5rem rgba(2, 10, 16, 0.26);
  --duration-fast: 160ms;
  --duration-medium: 320ms;
  --duration-slow: 650ms;
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --header-height: 5.4rem;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-background: #081118;
  --color-surface: #0d1922;
  --color-surface-elevated: #14232e;
  --color-surface-soft: #101f29;
  --color-text: #f3f7f9;
  --color-text-secondary: #c3ced5;
  --color-text-muted: #91a0aa;
  --color-border: #243844;
  --color-border-strong: #38505d;
  --color-accent: #7cc6f5;
  --color-accent-strong: #7cc6f5;
  --color-accent-hover: #a4d9fa;
  --color-accent-soft: #12344a;
  --color-success: #66c99f;
  --color-warning: #e0ac4e;
  --color-error: #ef7b87;
  --color-header: rgba(5, 13, 19, 0.9);
  --shadow-sm: 0 0.4rem 1rem rgba(0, 0, 0, 0.2);
  --shadow-md: 0 1.25rem 3rem rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 2rem 5rem rgba(0, 0, 0, 0.42);
}