:root {
    /* Navy scale */
    --navy-950: #020617;
    --navy-900: #0b1220;
    --navy-800: #0f172a;
    --navy-700: #14294f;
    --navy-600: #1e3a5f;
    --navy-500: #334155;

    /* Orange scale */
    --orange-600: #ea580c;
    --orange-500: #f97316;
    --orange-400: #fb923c;
    --orange-glow: rgba(249, 115, 22, 0.35);

    /* Surfaces */
    --bg-deep: var(--navy-950);
    --bg-base: var(--navy-900);
    --bg-elevated: var(--navy-800);
    --surface-glass: rgba(255, 255, 255, 0.06);
    --surface-glass-strong: rgba(255, 255, 255, 0.1);
    --border-glass: rgba(255, 255, 255, 0.12);

    /* Text */
    --text-primary: #f3f6fb;
    --text-muted: #9aa7bd;
    --text-on-orange: #0f172a;

    /* Radii & shadows */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-glass: 0 8px 32px rgba(2, 6, 23, 0.45);
    --shadow-orange-glow: 0 0 40px var(--orange-glow);

    /* Motion */
    --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 180ms;
    --duration-medium: 300ms;
    --duration-ambient: 20s;

    /* Type */
    --font-sans: "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Layout */
    --container-max: 1180px;
}