:root {
  /* Brand colors */
  --color-primary: #0F2A4A;
  --color-primary-dark: #173C63;
  --color-secondary: #2563EB;
  --color-secondary-dark: #1D4ED8;
  --color-accent: #0F766E;
  --color-accent-soft: #0891B2;
  --color-success: #16A34A;
  --color-warning: #D97706;

  /* Neutral colors */
  --color-neutral-900: #0F172A;
  --color-neutral-700: #334155;
  --color-neutral-500: #64748B;
  --color-neutral-300: #CBD5E1;
  --color-neutral-100: #F1F5F9;
  --color-white: #FFFFFF;

  /* Background colors */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8FAFC;
  --bg-muted: #F1F5F9;
  --bg-dark: #0F172A;

  /* Text colors */
  --text-primary: #0F172A;
  --text-secondary: #334155;
  --text-muted: #64748B;
  --text-inverse: #FFFFFF;

  /* Typography */
  --font-primary: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  --font-secondary: "Source Sans Pro", Inter, Arial, sans-serif;
  --font-size-hero: 56px;
  --font-size-hero-md: 40px;
  --font-size-hero-sm: 32px;
  --font-size-h2: 36px;
  --font-size-h2-md: 28px;
  --font-size-h2-sm: 24px;
  --font-size-subheading: 24px;
  --font-size-body-lg: 20px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-caption: 12px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.1;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 2px 8px rgba(15, 42, 74, 0.08);
  --shadow-medium: 0 10px 24px rgba(15, 42, 74, 0.12);
  --shadow-strong: 0 20px 40px rgba(15, 42, 74, 0.16);

  /* Container widths */
  --container-max-width: 1200px;
  --container-padding: 24px;
  --container-sm: 720px;
  --container-md: 960px;
  --container-lg: 1140px;
  --container-xl: 1320px;
  --section-padding-desktop: 96px;
  --section-padding-tablet: 64px;
  --section-padding-mobile: 48px;

  /* Borders */
  --border-color: #E2E8F0;
  --border-light: #F1F5F9;

  /* Header */
  --header-height: 80px;
  --header-height-mobile: 72px;

  /* Navigation */
  --nav-gap: 24px;

  /* Buttons */
  --button-padding-y: 14px;
  --button-padding-x: 24px;
  --button-height: 48px;
  --button-radius: 999px;

  /* Cards */
  --card-padding: 24px;
  --card-radius: 12px;

  /* Forms */
  --input-height: 48px;
  --input-border: 1px solid #CBD5E1;

  /* Sections */
  --section-gap: 48px;

  /* Hero */
  --hero-height: 720px;

  /* Transitions */
  --transition-fast: 200ms ease-in-out;
  --transition-base: 300ms ease-in-out;
  --transition-slow: 400ms ease-in-out;

  /* Effects */
  --glass-blur: blur(16px);

  /* Z-index layers */
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-overlay: 1030;
  --z-index-modal: 1040;

  /* Breakpoints */
  --breakpoint-mobile: 767px;
  --breakpoint-tablet: 1023px;
  --breakpoint-desktop: 1024px;
}