:root {
  --color-background: #FCFCFD;
  --color-surface: #FCFCFD;
  --color-surface-muted: #F1F3F6;

  --color-text-primary: #0F1014;
  --color-text-secondary: #5E6673;
  --color-text-muted: #858E9B;

  --color-border: #E1E6EE;
  --color-border-hover: #C9D1DC;

  --color-accent: #5B3FD6;
  --color-accent-hover: #6E55E8;
  --color-accent-active: #4A30C4;
  --color-accent-foreground: #FCFCFD;
  --color-accent-soft: #5B3FD6;
  --color-accent-border: rgba(91, 63, 214, 0.3);
  --color-media-overlay: #111315;

  --color-success: #087F5B;
  --color-info: #2563EB;
  --color-warning: #D97706;
  --color-error: #DC2626;

  --color-success-soft: rgba(8, 127, 91, 0.10);
  --color-info-soft: rgba(37, 99, 235, 0.10);
  --color-warning-soft: rgba(217, 119, 6, 0.12);
  --color-error-soft: rgba(220, 38, 38, 0.10);

  --font-heading: "Sora", sans-serif;
  --font-body: "Onest", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --text-h1: 32px;
  --text-h2: 24px;
  --text-h3: 20px;
  --text-h4: 18px;
  --text-h5: 16px;
  --text-h6: 14px;
  --text-body: 16px;
  --text-ui: 14px;
  --text-small: 12px;
  --text-mono: 14px;
  --text-code: 12px;

  --font-regular: 400;
  --font-medium: 500;
  --leading-body: 1.4;
  --leading-heading: 1.2;
  --tracking-heading: -1%;

  --space-micro: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;
  --space-4xl: 48px;
  --space-5xl: 64px;
  --space-6xl: 80px;
  --space-column-gap: 96px;

  --radius-icon-sm: 4px;
  --radius-medium: 8px;
  --radius-large: 10px;
  --radius-pill: 9999px;

  --border-standard-light: #E1E6EE;
  --border-standard-dark: #303640;
  --border-hover-light: #C9D1DC;
  --border-hover-dark: #444C59;
  --border-focus: #5B3FD6;
  --border-accent: rgba(91, 63, 214, 0.3);
  --border-error: #DC2626;
  --border-width-standard: 1px;
  --border-width-focus: 1.5px;
  --border-width-accent: 1.5px;
  --border-width-error: 1px;

  --shadow-card-sm: 0 4px 16px rgba(0, 0, 0, 0.03);
  --shadow-dropdown: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-dropdown-dark: 0 2px 12px rgba(0, 0, 0, 0.3);
  --shadow-accent-glow: 0 0 4px rgba(91, 63, 214, 0.25);

  --container-width: 1440px;
  --container-wide: 1920px;
  --container-padding-desktop: 96px;
  --container-padding-mobile: 24px;
  --header-height: 64px;
  --section-vertical-spacing: clamp(150px, 11vw, 180px);
  --section-vertical-spacing-tablet: clamp(112px, 9vw, 140px);
  --section-vertical-spacing-mobile: clamp(96px, 15vw, 116px);
  --grid-columns-desktop: 12;
  --grid-gutter: 24px;
  --card-grid-gap: 24px;

  --border-standard: var(--border-standard-light);
  --border-hover: var(--border-hover-light);
  color-scheme: light;
}

[data-theme="dark"] {
  --color-background: #111315;
  --color-surface: #1A1D21;
  --color-surface-muted: #232832;

  --color-text-primary: #F3F1ED;
  --color-text-secondary: #C2C6CE;
  --color-text-muted: #8E96A3;

  --color-border: #303640;
  --color-border-hover: #444C59;

  --color-accent: #5B3FD6;
  --color-accent-hover: #725CF0;
  --color-accent-active: #4A30C4;
  --color-accent-foreground: #F3F1ED;
  --color-accent-soft: #5B3FD6;
  --color-accent-border: rgba(91, 63, 214, 0.34);
  --color-media-overlay: #111315;

  --color-success: #22C55E;
  --color-info: #60A5FA;
  --color-warning: #FBBF24;
  --color-error: #F87171;

  --color-success-soft: rgba(34, 197, 94, 0.14);
  --color-info-soft: rgba(96, 165, 250, 0.14);
  --color-warning-soft: rgba(251, 191, 36, 0.16);
  --color-error-soft: rgba(248, 113, 113, 0.14);

  --border-standard: var(--border-standard-dark);
  --border-hover: var(--border-hover-dark);
  --border-accent: rgba(91, 63, 214, 0.34);
  --border-error: #F87171;
  color-scheme: dark;
}