:root {
    /* Colors */
    --color-primary: #006FFF;
    --color-primary-hover: #0060E6;
    --color-navy: #0A0E1A;
    --color-navy-light: #141828;
    --color-off-white: #F7F8FA;
    --color-white: #FFFFFF;
    --color-border: #E5E7EB;
    --color-border-dark: #1E2436;
    --color-border-card-dark: #2A2E3E;
    --color-success: #22C55E;
    --color-purple: #7C3AED;
    --color-pink: #EC4899;
    --color-text: #444444;
    --color-text-light: #CCCCCC;
    --color-text-muted: #888888;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-h1: clamp(36px, 5vw, 64px);
    --font-size-h2: clamp(32px, 4vw, 52px);
    --font-size-h3: 24px;
    --font-size-body: clamp(16px, 1.1vw, 18px);
    --font-size-small: 15px;
    --font-size-eyebrow: 12px;
    --font-size-button: 15px;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --line-height-heading: 1.1;
    --line-height-body: 1.6;
    --letter-spacing-heading: -0.025em;
    --letter-spacing-eyebrow: 0.08em;

    /* Spacing */
    --section-padding: clamp(64px, 10vw, 120px);
    --max-width: 1200px;
    --container-padding: 24px;

    /* Radii */
    --radius-card: 8px;
    --radius-button: 6px;
    --radius-input: 4px;
    --radius-pill: 100px;

    /* Shadows */
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06);
    --shadow-card-hover: 0 4px 8px rgba(0, 0, 0, 0.12), 0 8px 24px rgba(0, 0, 0, 0.1);
    --shadow-nav: 0 1px 4px rgba(0, 0, 0, 0.08);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
    --transition-slow: 300ms ease;
}