:root {
    /* Brand palette */
    --website-blue: #08295f;
    --website-blue-soft: #38516d;
    --website-yellow: #f5b51b;
    --website-yellow-dark: #bd7600;
    --website-white: #ffffff;

    /* Surfaces and lines */
    --website-bg: #f5f8fc;
    --website-bg-soft: #e8eff8;
    --website-border: #cbd8e8;
    --website-muted: #819093;

    /* Feedback */
    --website-success: #39715d;
    --website-danger: #b54040;

    /* Typography */
    --website-font: Inter, "Segoe UI", Arial, sans-serif;
    --website-font-display: Georgia, "Times New Roman", serif;
    --website-font-compact: "Arial Narrow", "Trebuchet MS", sans-serif;

    /* Spacing */
    --website-space-xs: 8px;
    --website-space-sm: 16px;
    --website-space-md: 24px;
    --website-space-lg: 34px;
    --website-space-xl: 64px;
    --website-space-2xl: 100px;
    --website-page-gutter: max(var(--website-space-lg), 4vw);
    --website-page-gutter-mobile: 20px;

    /* Shape and depth */
    --website-radius-sm: 4px;
    --website-radius-md: 8px;
    --website-radius-lg: 16px;
    --website-radius-pill: 999px;
    --website-shadow-sm: 0 6px 18px rgba(8, 41, 95, .05);
    --website-shadow-md: 0 18px 34px rgba(8, 41, 95, .12);
    --website-shadow-lg: 0 26px 70px rgba(5, 18, 34, .26);

    /* Backward-compatible aliases used by existing website CSS */
    --website-color-ink: var(--website-blue);
    --website-color-ink-soft: var(--website-blue-soft);
    --website-color-paper: var(--website-bg);
    --website-color-paper-deep: var(--website-bg);
    --website-color-panel: var(--website-white);
    --website-color-line: var(--website-border);
    --website-color-line-soft: var(--website-border);
    --website-color-accent: var(--website-yellow);
    --website-color-accent-strong: var(--website-yellow-dark);
    --website-color-accent-soft: #ffd45c;
    --website-color-accent-wash: #fff0bd;
    --website-color-surface: var(--website-bg-soft);
    --website-color-surface-deep: var(--website-bg-soft);
    --website-color-success: var(--website-success);
    --website-color-danger: var(--website-danger);
    --website-color-muted: var(--website-muted);
    --website-color-blue-muted: var(--website-blue-soft);
    --website-color-light-text: #e3ebec;
    --website-color-light-muted: #d7e4f3;
    --website-color-white: var(--website-white);
    --website-color-white-rgb: 255, 255, 255;
    --website-color-ice: var(--website-white);
    --website-color-input-line: var(--website-border);
    --website-color-dashed-line: var(--website-border);
    --website-color-cream: #f7d4bd;
    --website-color-success-wash: #d7e5dd;
    --website-color-surface-muted: var(--website-bg-soft);
    --website-color-surface-warm: #e5b6a2;
    --website-color-sidebar: var(--website-bg-soft);
    --website-color-stat: var(--website-bg);
    --website-color-progress: var(--website-border);
    --website-color-live: var(--website-yellow);
    --website-color-live-ring: #f9e1d9;
    --website-color-text-muted: #a8bec6;
    --website-color-text-subtle: #92a0a0;
    --website-color-text-faint: #a1aaa8;
    --website-color-role-line: #526a75;
    --website-color-role-line-strong: #2e5688;
    --website-color-role-muted: #9cb1b7;
    --website-color-role-text: #b8c5c7;
    --website-color-panel-blue: #123e7b;
    --website-color-panel-blue-dark: #061e4b;
    --website-color-panel-blue-cell: #0b2e67;
    --website-color-yellow-muted: #edc669;
    --website-color-yellow-pale: #f4d37e;
    --website-color-yellow-soft: #f8e5b0;
    --website-color-yellow-wash: #f5ebc7;
    --website-color-blue-line: #1f477d;
    --website-color-card-line: var(--website-border);
    --website-color-footer-copy: #c7d6e7;
    --website-color-cta-blue: #e5edf5;
    --website-color-orbit-line: var(--website-border);
    --website-color-hero-muted: #d4e0ef;
    --website-color-accent-gold: var(--website-yellow);
    --website-color-console-dot: #8faab0;
    --website-color-positive: var(--website-success);
    --website-color-icon-warm: var(--website-yellow);
    --website-color-side-text: var(--website-blue-soft);
    --website-color-white-glass: rgba(255, 255, 255, .94);
    --website-color-white-panel: rgba(255, 255, 255, .96);
    --website-color-white-line: rgba(255, 255, 255, .38);
    --website-color-white-line-soft: rgba(255, 255, 255, .28);
    --website-color-ink-line: rgba(8, 41, 95, .12);
    --website-color-ink-line-soft: rgba(8, 41, 95, .1);
    --website-color-hero-start: rgba(8, 41, 95, .94);
    --website-color-hero-end: rgba(8, 41, 95, .74);
    --website-color-accent-line: rgba(245, 181, 27, .38);
    --website-color-accent-line-soft: rgba(245, 181, 27, .3);
    --website-color-accent-shadow: rgba(245, 181, 27, .9);
    --website-color-button-shadow: rgba(189, 118, 0, .18);
    --website-color-field-focus: rgba(245, 181, 27, .18);
    --website-color-glass-shadow: rgba(0, 0, 0, .18);
    --website-color-shadow-rgb: 8, 41, 95;
    --website-color-ink-rgb: 8, 41, 95;
    --website-color-black-rgb: 0, 0, 0;

    --website-ink: var(--website-blue);
    --website-ink-soft: var(--website-blue-soft);
    --website-paper: var(--website-bg);
    --website-panel: var(--website-white);
    --website-line: var(--website-border);
    --website-coral: var(--website-yellow);
    --website-coral-dark: var(--website-yellow-dark);
    --website-sand: var(--website-bg-soft);

    --website-space-1: 4px;
    --website-space-2: var(--website-space-xs);
    --website-space-3: 12px;
    --website-space-4: var(--website-space-sm);
    --website-space-5: 20px;
    --website-space-6: var(--website-space-md);
    --website-space-7: 28px;
    --website-space-8: var(--website-space-lg);
    --website-space-9: 40px;
    --website-space-10: 48px;
    --website-space-11: 58px;
    --website-space-12: var(--website-space-xl);
    --website-space-13: 72px;
    --website-space-14: 92px;
    --website-space-15: var(--website-space-2xl);

    --website-radius-xs: 3px;
    --website-radius-xl: 17px;
    --website-radius-round: 50%;

    --website-shadow-card-hover: var(--website-shadow-md);
    --website-shadow-panel: 0 10px 25px rgba(8, 41, 95, .06);
    --website-shadow-offset: 24px 28px 0 rgba(8, 41, 95, .12);
    --website-shadow-purchase: 12px 14px 0 rgba(8, 41, 95, .11);
    --website-shadow-message: 8px 8px 0 rgba(8, 41, 95, .06);
    --website-shadow-float: 10px 15px 0 rgba(8, 41, 95, .08);

    --website-font-size-kicker: .68rem;
    --website-font-size-small: .72rem;
    --website-font-size-body: .9rem;
    --website-font-size-lead: 1.12rem;
    --website-font-size-card-title: 1.35rem;
    --website-font-size-display: clamp(3.2rem, 5.4vw, 6.4rem);
    --website-font-size-section: clamp(2.5rem, 4.2vw, 4.6rem);
    --website-line-height-tight: .98;
    --website-line-height-body: 1.65;
    --website-line-height-relaxed: 1.75;
}