:root {
    /* Typography */
    --font-family-base: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-weight-medium: 600;
    --font-weight-semibold: 650;
    --font-weight-bold: 700;

    /* Brand colors */
    --primary: #2563eb;
    --secondary: #0f172a;
    --surface: #111827;
    --background: #020617;
    --text: #f8fafc;
    --muted: #94a3b8;
    --accent: #f97316;
    --white: #fff;
    --blue-300: #93c5fd;
    --blue-400: #60a5fa;

    /* Consistent geometry */
    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 20px;
    --radius-xl: 26px;
    --radius-round: 999px;

    /* Spacing and layout */
    --container-width: 1200px;
    --section-space: clamp(80px, 8vw, 112px);
    --section-space-compact: clamp(56px, 6vw, 80px);
    --grid-gap: clamp(20px, 2.2vw, 28px);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* Borders */
    --border-subtle: 1px solid rgba(148, 163, 184, 0.14);
    --border-interactive: 1px solid rgba(96, 165, 250, 0.38);

    /* Elevation and movement */
    --shadow-card: 0 22px 55px rgba(0, 0, 0, 0.2);
    --shadow-card-hover: 0 30px 70px rgba(0, 0, 0, 0.3), 0 0 40px rgba(37, 99, 235, 0.08);
    --shadow-blue: 0 14px 34px rgba(37, 99, 235, 0.3);
    --duration-fast: 180ms;
    --duration: 260ms;
    --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
    --focus-ring: 0 0 0 3px rgba(96, 165, 250, 0.5);
    --focus-outline: 3px solid rgba(96, 165, 250, 0.55);
    --focus-offset: 3px;
}