:root {
    color-scheme: light;

    --color-bg: #eff5ff;
    --color-bg-soft: #fbf7f0;
    --color-surface: rgba(255, 255, 255, 0.86);
    --color-surface-strong: #ffffff;
    --color-surface-muted: #f4efe6;
    --color-text: #0f1727;
    --color-text-soft: #5a6e87;
    --color-border: rgba(15, 23, 39, 0.1);
    --color-border-strong: rgba(20, 57, 136, 0.2);
    --color-accent: #2f67ff;
    --color-accent-strong: #1745cb;
    --color-accent-soft: rgba(47, 103, 255, 0.12);
    --color-secondary: #0f9d8f;
    --color-secondary-soft: rgba(15, 157, 143, 0.1);
    --color-danger: #b02b2b;

    --surface-header: rgba(248, 251, 255, 0.84);
    --surface-header-scrolled: rgba(252, 254, 255, 0.94);
    --surface-elevated: rgba(255, 255, 255, 0.8);
    --surface-interactive: rgba(255, 255, 255, 0.94);
    --surface-interactive-hover: rgba(248, 251, 255, 0.98);
    --surface-pill: rgba(246, 249, 255, 0.9);
    --surface-pill-hover: rgba(47, 103, 255, 0.08);
    --surface-filter: rgba(255, 255, 255, 0.78);
    --surface-filter-strong: rgba(255, 255, 255, 0.98);
    --surface-shell-top: rgba(255, 255, 255, 0.96);
    --surface-shell-bottom: rgba(240, 246, 255, 0.94);
    --surface-step: rgba(250, 252, 255, 0.84);
    --surface-step-strong: rgba(255, 255, 255, 0.98);
    --surface-step-minor: rgba(246, 250, 255, 0.7);
    --surface-fact-pill: rgba(255, 255, 255, 0.78);
    --surface-map-panel: #eef4ff;
    --surface-map-glass: rgba(255, 255, 255, 0.82);
    --surface-map-popup: rgba(255, 255, 255, 0.96);
    --surface-map-popup-strong: #ffffff;
    --surface-map-popup-button: rgba(47, 103, 255, 0.08);
    --surface-map-popup-button-hover: rgba(47, 103, 255, 0.12);
    --surface-map-popup-close: rgba(255, 255, 255, 0.92);
    --surface-map-popup-close-hover: rgba(255, 255, 255, 1);
    --surface-editorial-card: linear-gradient(180deg, rgba(255, 252, 245, 0.95), rgba(243, 248, 255, 0.9));
    --surface-editorial-card-strong: rgba(255, 251, 244, 0.84);
    --surface-editorial-pill: rgba(255, 249, 238, 0.95);
    --surface-editorial-subtle: rgba(239, 247, 244, 0.86);
    --surface-state-info: rgba(47, 103, 255, 0.08);
    --surface-state-danger: rgba(220, 38, 38, 0.08);
    --surface-section-amber: linear-gradient(180deg, rgba(255, 247, 228, 0.94), rgba(255, 252, 245, 0.9));
    --surface-section-mint: linear-gradient(180deg, rgba(233, 247, 243, 0.94), rgba(247, 252, 250, 0.9));
    --surface-section-sky: linear-gradient(180deg, rgba(237, 244, 255, 0.94), rgba(250, 252, 255, 0.9));
    --surface-section-rose: linear-gradient(180deg, rgba(252, 239, 242, 0.94), rgba(255, 250, 251, 0.9));

    --shadow-elevated: 0 28px 64px rgba(16, 41, 92, 0.1);
    --shadow-soft: 0 18px 38px rgba(16, 41, 92, 0.08);
    --shadow-accent: 0 18px 32px rgba(47, 103, 255, 0.22);
    --shadow-editorial-card: 0 24px 56px -34px rgba(16, 41, 92, 0.24);
    --shadow-editorial-media: 0 30px 60px -34px rgba(16, 41, 92, 0.34);
    --shadow-editorial-pill: 0 18px 30px -18px rgba(29, 78, 216, 0.6);
    --shadow-map-glass: 0 24px 42px -28px rgba(16, 41, 92, 0.24);
    --shadow-map-popup: 0 20px 36px -24px rgba(16, 41, 92, 0.2);
    --shadow-map-mobile-cta: 0 22px 40px -24px rgba(219, 102, 34, 0.38);
    --shadow-job-selected: 0 24px 42px -30px rgba(16, 41, 92, 0.22);

    --glow-primary: rgba(47, 103, 255, 0.18);
    --glow-secondary: rgba(15, 157, 143, 0.14);
    --glow-tertiary: rgba(245, 158, 11, 0.16);
    --glow-quaternary: rgba(244, 114, 182, 0.12);
    --divider: rgba(15, 23, 39, 0.08);
    --filter-divider: rgba(15, 23, 39, 0.08);
    --shortcut-divider: rgba(15, 23, 39, 0.12);
    --field-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.88);
    --focus-ring: 0 0 0 4px rgba(47, 103, 255, 0.16);
    --icon-surface: linear-gradient(135deg, rgba(47, 103, 255, 0.18), rgba(245, 158, 11, 0.18));
    --button-primary-background: linear-gradient(135deg, #2f67ff, #1d4ed8);
    --button-primary-ink: #f8fbff;
    --button-secondary-background: rgba(255, 255, 255, 0.72);
    --button-secondary-border: rgba(47, 103, 255, 0.16);
    --button-secondary-ink: #173a87;
    --map-panel-background:
        linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(238, 244, 255, 0.98)),
        var(--color-surface-strong);
    --map-canvas-background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.98), rgba(236, 243, 255, 0.84)),
        #eef4ff;
    --map-mobile-cta-background: linear-gradient(135deg, #d97706, #ea580c);
    --map-mobile-cta-border: rgba(176, 86, 23, 0.2);
    --map-mobile-cta-ink: #f8fbff;
    --map-control-icon-filter: none;
    --page-body-background:
        radial-gradient(circle at 14% 0%, var(--glow-primary), transparent 30%),
        radial-gradient(circle at 86% 2%, var(--glow-secondary), transparent 22%),
        radial-gradient(circle at 52% 26%, var(--glow-tertiary), transparent 26%),
        linear-gradient(180deg, var(--color-bg-soft) 0%, var(--color-bg) 34%, #e8f1ff 100%);
    --page-onboarding-background:
        radial-gradient(circle at top left, rgba(47, 103, 255, 0.16), transparent 34%),
        radial-gradient(circle at 82% 12%, rgba(15, 157, 143, 0.12), transparent 30%),
        radial-gradient(circle at 54% 22%, rgba(245, 158, 11, 0.12), transparent 24%),
        linear-gradient(180deg, #fffdfa 0%, #f7f6ff 46%, #eef5ff 100%);
    --page-auth-background:
        radial-gradient(circle at top left, rgba(47, 103, 255, 0.18), transparent 34%),
        radial-gradient(circle at 86% 8%, rgba(244, 114, 182, 0.1), transparent 28%),
        linear-gradient(180deg, #fffdf8 0%, #eef4ff 100%);
    --page-app-background:
        radial-gradient(circle at top left, rgba(47, 103, 255, 0.12), transparent 28%),
        radial-gradient(circle at 88% 6%, rgba(15, 157, 143, 0.09), transparent 24%),
        linear-gradient(180deg, #fffdf8 0%, #eef4ff 100%);
    --page-editorial-backdrop:
        radial-gradient(circle at 16% 16%, rgba(47, 103, 255, 0.18), transparent 28%),
        radial-gradient(circle at 82% 14%, rgba(15, 157, 143, 0.16), transparent 24%),
        radial-gradient(circle at 56% 40%, rgba(245, 158, 11, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 252, 245, 0.98), rgba(237, 244, 255, 0.96));
    --surface-media-fill: #dfe9f8;
    --surface-media-fill-muted: #dde8f7;
    --text-editorial-pill: #54442a;
    --text-editorial-filter: #235352;

    --edu-bg: var(--color-bg);
    --edu-bg-soft: var(--color-bg-soft);
    --edu-surface: var(--color-surface);
    --edu-surface-strong: var(--color-surface-strong);
    --edu-surface-muted: var(--color-surface-muted);
    --edu-ink: var(--color-text);
    --edu-ink-soft: var(--color-text-soft);
    --edu-border: var(--color-border);
    --edu-border-strong: var(--color-border-strong);
    --edu-accent: var(--color-accent);
    --edu-accent-strong: var(--color-accent-strong);
    --edu-accent-soft: var(--color-accent-soft);
    --edu-secondary: var(--color-secondary);
    --edu-secondary-soft: var(--color-secondary-soft);
    --edu-shadow: var(--shadow-elevated);
    --edu-shadow-soft: var(--shadow-soft);
    --edu-glow-primary: var(--glow-primary);
    --edu-glow-secondary: var(--glow-secondary);
    --edu-header-surface: var(--surface-header);
    --edu-elevated-surface: var(--surface-elevated);
    --edu-interactive-surface: var(--surface-interactive);
    --edu-interactive-surface-hover: var(--surface-interactive-hover);
    --edu-pill-surface: var(--surface-pill);
    --edu-pill-hover-surface: var(--surface-pill-hover);
    --edu-pill-hover-border: rgba(47, 103, 255, 0.22);
    --edu-divider: var(--divider);
    --edu-field-highlight: var(--field-highlight);
    --edu-focus-ring: var(--focus-ring);
    --edu-accent-shadow: var(--shadow-accent);
    --edu-icon-surface: var(--icon-surface);
    --edu-map-panel-surface: var(--surface-map-panel);
    --edu-map-panel-background: var(--map-panel-background);
    --edu-map-glass-surface: var(--surface-map-glass);
    --edu-map-glass-border: rgba(47, 103, 255, 0.1);
    --edu-map-glass-shadow: var(--shadow-map-glass);
    --edu-map-canvas-border: rgba(47, 103, 255, 0.12);
    --edu-map-canvas-background: var(--map-canvas-background);
    --edu-map-popup-surface: var(--surface-map-popup);
    --edu-map-popup-surface-strong: var(--surface-map-popup-strong);
    --edu-map-popup-ink: #11213b;
    --edu-map-popup-ink-soft: #607089;
    --edu-map-popup-border: var(--color-border);
    --edu-map-popup-shadow: var(--shadow-map-popup);
    --edu-map-popup-button-surface: var(--surface-map-popup-button);
    --edu-map-popup-button-surface-hover: var(--surface-map-popup-button-hover);
    --edu-map-popup-button-border: rgba(47, 103, 255, 0.14);
    --edu-map-popup-button-border-strong: rgba(47, 103, 255, 0.24);
    --edu-map-popup-button-ink: #1d4ed8;
    --edu-map-popup-close-surface: var(--surface-map-popup-close);
    --edu-map-popup-close-surface-hover: var(--surface-map-popup-close-hover);
    --edu-map-mobile-cta-background: var(--map-mobile-cta-background);
    --edu-map-mobile-cta-border: var(--map-mobile-cta-border);
    --edu-map-mobile-cta-ink: var(--map-mobile-cta-ink);
    --edu-map-mobile-cta-shadow: var(--shadow-map-mobile-cta);
    --edu-map-control-icon-filter: var(--map-control-icon-filter);
    --edu-map-status-error: var(--color-danger);
    --edu-job-card-selected-border: rgba(47, 103, 255, 0.28);
    --edu-job-card-selected-shadow: var(--shadow-job-selected);
    --edu-job-card-selected-background: linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(255, 255, 255, 0.98));
    --edu-job-card-hover-border: rgba(47, 103, 255, 0.24);
    --edu-filter-surface: var(--surface-filter);
    --edu-filter-surface-strong: var(--surface-filter-strong);
    --edu-filter-border: rgba(15, 23, 39, 0.08);
    --edu-filter-border-strong: rgba(47, 103, 255, 0.22);
    --edu-filter-label-ink: #17304f;
    --edu-filter-value-ink: #566880;
    --edu-filter-divider: var(--filter-divider);
    --edu-filter-shadow: var(--shadow-soft);
    --edu-search-shell-top-surface: var(--surface-shell-top);
    --edu-search-shell-bottom-surface: var(--surface-shell-bottom);
    --edu-step-panel-surface: var(--surface-step);
    --edu-step-panel-surface-strong: var(--surface-step-strong);
    --edu-step-panel-minor-surface: var(--surface-step-minor);
    --edu-fact-pill-surface: var(--surface-fact-pill);
    --edu-shortcut-divider: var(--shortcut-divider);
}

:root[data-theme="dark"] {
    color-scheme: dark;

    --color-bg: #07111f;
    --color-bg-soft: #0d1827;
    --color-surface: rgba(13, 23, 40, 0.92);
    --color-surface-strong: #13233d;
    --color-surface-muted: #0d1c31;
    --color-text: #eef4ff;
    --color-text-soft: #a6b8d2;
    --color-border: rgba(166, 184, 210, 0.16);
    --color-border-strong: rgba(111, 156, 255, 0.28);
    --color-accent: #78a1ff;
    --color-accent-strong: #9eb9ff;
    --color-accent-soft: rgba(120, 161, 255, 0.16);
    --color-secondary: #48c3ff;
    --color-secondary-soft: rgba(72, 195, 255, 0.14);
    --color-danger: #ff9f8f;

    --surface-header: rgba(8, 17, 31, 0.82);
    --surface-header-scrolled: rgba(10, 20, 36, 0.94);
    --surface-elevated: rgba(13, 23, 40, 0.88);
    --surface-interactive: rgba(19, 35, 61, 0.96);
    --surface-interactive-hover: rgba(24, 43, 74, 0.98);
    --surface-pill: rgba(17, 31, 52, 0.9);
    --surface-pill-hover: rgba(120, 161, 255, 0.18);
    --surface-filter: rgba(12, 24, 42, 0.88);
    --surface-filter-strong: rgba(19, 35, 61, 0.98);
    --surface-shell-top: rgba(13, 23, 40, 0.96);
    --surface-shell-bottom: rgba(9, 18, 31, 0.94);
    --surface-step: rgba(15, 28, 48, 0.9);
    --surface-step-strong: rgba(18, 33, 56, 0.98);
    --surface-step-minor: rgba(12, 24, 42, 0.8);
    --surface-fact-pill: rgba(16, 30, 51, 0.9);
    --surface-map-panel: #0c182a;
    --surface-map-glass: rgba(12, 24, 42, 0.86);
    --surface-map-popup: rgba(17, 31, 52, 0.96);
    --surface-map-popup-strong: #13233d;
    --surface-map-popup-button: rgba(120, 161, 255, 0.14);
    --surface-map-popup-button-hover: rgba(120, 161, 255, 0.22);
    --surface-map-popup-close: rgba(19, 35, 61, 0.96);
    --surface-map-popup-close-hover: rgba(24, 43, 74, 0.98);
    --surface-editorial-card: linear-gradient(180deg, rgba(26, 32, 50, 0.96), rgba(10, 23, 38, 0.96));
    --surface-editorial-card-strong: rgba(18, 27, 43, 0.92);
    --surface-editorial-pill: rgba(29, 33, 47, 0.92);
    --surface-editorial-subtle: rgba(12, 30, 39, 0.92);
    --surface-state-info: rgba(120, 161, 255, 0.12);
    --surface-state-danger: rgba(220, 38, 38, 0.12);
    --surface-section-amber: linear-gradient(180deg, rgba(105, 36, 58, 0.9), rgba(23, 28, 56, 0.94));
    --surface-section-mint: linear-gradient(180deg, rgba(10, 67, 88, 0.9), rgba(13, 25, 43, 0.94));
    --surface-section-sky: linear-gradient(180deg, rgba(37, 53, 104, 0.92), rgba(12, 24, 42, 0.94));
    --surface-section-rose: linear-gradient(180deg, rgba(111, 31, 83, 0.88), rgba(20, 26, 49, 0.94));

    --shadow-elevated: 0 28px 60px rgba(0, 0, 0, 0.45);
    --shadow-soft: 0 16px 30px rgba(0, 0, 0, 0.34);
    --shadow-accent: 0 20px 34px rgba(0, 0, 0, 0.36);
    --shadow-editorial-card: 0 24px 56px -34px rgba(0, 0, 0, 0.42);
    --shadow-editorial-media: 0 30px 60px -34px rgba(0, 0, 0, 0.48);
    --shadow-editorial-pill: 0 18px 30px -18px rgba(0, 0, 0, 0.46);
    --shadow-map-glass: 0 24px 42px -30px rgba(0, 0, 0, 0.72);
    --shadow-map-popup: 0 24px 40px -28px rgba(0, 0, 0, 0.7);
    --shadow-map-mobile-cta: 0 24px 42px -24px rgba(0, 0, 0, 0.72);
    --shadow-job-selected: 0 24px 42px -30px rgba(0, 0, 0, 0.66);

    --glow-primary: rgba(120, 161, 255, 0.18);
    --glow-secondary: rgba(72, 195, 255, 0.16);
    --glow-tertiary: rgba(255, 106, 154, 0.14);
    --glow-quaternary: rgba(168, 85, 247, 0.12);
    --divider: rgba(166, 184, 210, 0.12);
    --filter-divider: rgba(166, 184, 210, 0.12);
    --shortcut-divider: rgba(166, 184, 210, 0.14);
    --field-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --focus-ring: 0 0 0 4px rgba(120, 161, 255, 0.22);
    --icon-surface: linear-gradient(135deg, rgba(120, 161, 255, 0.24), rgba(255, 106, 154, 0.2));
    --button-primary-background: linear-gradient(135deg, #5678e7, #78a1ff);
    --button-primary-ink: #091321;
    --button-secondary-background: rgba(13, 25, 43, 0.92);
    --button-secondary-border: rgba(120, 161, 255, 0.16);
    --button-secondary-ink: #d8e5ff;
    --map-panel-background:
        linear-gradient(180deg, rgba(17, 26, 41, 0.98), rgba(7, 17, 31, 0.98)),
        var(--color-surface-strong);
    --map-canvas-background:
        radial-gradient(circle at top left, rgba(41, 60, 94, 0.9), rgba(7, 17, 31, 0.96)),
        #0d1625;
    --map-mobile-cta-background: linear-gradient(135deg, #ffb347, #ff7a1a);
    --map-mobile-cta-border: rgba(255, 190, 102, 0.34);
    --map-mobile-cta-ink: #1f1205;
    --map-control-icon-filter: invert(1) brightness(1.15);
    --page-body-background:
        radial-gradient(circle at 14% 0%, var(--glow-primary), transparent 30%),
        radial-gradient(circle at 86% 2%, var(--glow-secondary), transparent 22%),
        radial-gradient(circle at 56% 28%, var(--glow-tertiary), transparent 24%),
        linear-gradient(180deg, var(--color-bg-soft) 0%, var(--color-bg) 52%, #06101d 100%);
    --page-onboarding-background:
        radial-gradient(circle at top left, rgba(120, 161, 255, 0.18), transparent 32%),
        radial-gradient(circle at 84% 12%, rgba(72, 195, 255, 0.12), transparent 24%),
        linear-gradient(180deg, #07111f 0%, #0b1728 100%);
    --page-auth-background:
        radial-gradient(circle at top left, rgba(120, 161, 255, 0.18), transparent 32%),
        radial-gradient(circle at 84% 12%, rgba(72, 195, 255, 0.12), transparent 24%),
        linear-gradient(180deg, #07111f 0%, #0b1728 100%);
    --page-app-background:
        radial-gradient(circle at top left, rgba(120, 161, 255, 0.14), transparent 28%),
        linear-gradient(180deg, #07111f 0%, #0b1728 100%);
    --page-editorial-backdrop:
        radial-gradient(circle at 16% 16%, rgba(120, 161, 255, 0.16), transparent 28%),
        radial-gradient(circle at 82% 14%, rgba(72, 195, 255, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(9, 17, 31, 0.92), rgba(11, 23, 40, 0.92));
    --surface-media-fill: #10223c;
    --surface-media-fill-muted: #10223c;
    --text-editorial-pill: #dbe7ff;
    --text-editorial-filter: #d8e5ff;

    --edu-pill-hover-border: rgba(120, 161, 255, 0.28);
    --edu-map-glass-border: rgba(120, 161, 255, 0.16);
    --edu-map-canvas-border: rgba(120, 161, 255, 0.16);
    --edu-map-popup-ink: #eef4ff;
    --edu-map-popup-ink-soft: #bcc9de;
    --edu-map-popup-button-border: rgba(120, 161, 255, 0.18);
    --edu-map-popup-button-border-strong: rgba(120, 161, 255, 0.34);
    --edu-map-popup-button-ink: #dbe7ff;
    --edu-job-card-selected-border: rgba(120, 161, 255, 0.32);
    --edu-job-card-selected-background: linear-gradient(180deg, rgba(24, 43, 74, 0.98), rgba(13, 23, 40, 0.98));
    --edu-job-card-hover-border: rgba(120, 161, 255, 0.34);
    --edu-filter-border: rgba(166, 184, 210, 0.14);
    --edu-filter-border-strong: rgba(120, 161, 255, 0.28);
    --edu-filter-label-ink: #eef4ff;
    --edu-filter-value-ink: #b8c6da;
}

@media only screen and (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;

        --color-bg: #07111f;
        --color-bg-soft: #0b1728;
        --color-surface: rgba(13, 23, 40, 0.92);
        --color-surface-strong: #13233d;
        --color-surface-muted: #0d1c31;
        --color-text: #eef4ff;
        --color-text-soft: #a6b8d2;
        --color-border: rgba(166, 184, 210, 0.16);
        --color-border-strong: rgba(111, 156, 255, 0.28);
        --color-accent: #78a1ff;
        --color-accent-strong: #9eb9ff;
        --color-accent-soft: rgba(120, 161, 255, 0.16);
        --color-secondary: #48c3ff;
        --color-secondary-soft: rgba(72, 195, 255, 0.14);
        --color-danger: #ff9f8f;
        --surface-header: rgba(8, 17, 31, 0.82);
        --surface-header-scrolled: rgba(10, 20, 36, 0.94);
        --surface-elevated: rgba(13, 23, 40, 0.88);
        --surface-interactive: rgba(19, 35, 61, 0.96);
        --surface-interactive-hover: rgba(24, 43, 74, 0.98);
        --surface-pill: rgba(17, 31, 52, 0.9);
        --surface-pill-hover: rgba(120, 161, 255, 0.18);
        --surface-filter: rgba(12, 24, 42, 0.88);
        --surface-filter-strong: rgba(19, 35, 61, 0.98);
        --surface-shell-top: rgba(13, 23, 40, 0.96);
        --surface-shell-bottom: rgba(9, 18, 31, 0.94);
        --surface-step: rgba(15, 28, 48, 0.9);
        --surface-step-strong: rgba(18, 33, 56, 0.98);
        --surface-step-minor: rgba(12, 24, 42, 0.8);
        --surface-fact-pill: rgba(16, 30, 51, 0.9);
        --surface-map-panel: #0c182a;
        --surface-map-glass: rgba(12, 24, 42, 0.86);
        --surface-map-popup: rgba(17, 31, 52, 0.96);
        --surface-map-popup-strong: #13233d;
        --surface-map-popup-button: rgba(120, 161, 255, 0.14);
        --surface-map-popup-button-hover: rgba(120, 161, 255, 0.22);
        --surface-map-popup-close: rgba(19, 35, 61, 0.96);
        --surface-map-popup-close-hover: rgba(24, 43, 74, 0.98);
        --surface-editorial-card: linear-gradient(180deg, rgba(26, 32, 50, 0.96), rgba(10, 23, 38, 0.96));
        --surface-editorial-card-strong: rgba(18, 27, 43, 0.92);
        --surface-editorial-pill: rgba(29, 33, 47, 0.92);
        --surface-editorial-subtle: rgba(12, 30, 39, 0.92);
        --surface-state-info: rgba(120, 161, 255, 0.12);
        --surface-state-danger: rgba(220, 38, 38, 0.12);
        --surface-section-amber: linear-gradient(180deg, rgba(105, 36, 58, 0.9), rgba(23, 28, 56, 0.94));
        --surface-section-mint: linear-gradient(180deg, rgba(10, 67, 88, 0.9), rgba(13, 25, 43, 0.94));
        --surface-section-sky: linear-gradient(180deg, rgba(37, 53, 104, 0.92), rgba(12, 24, 42, 0.94));
        --surface-section-rose: linear-gradient(180deg, rgba(111, 31, 83, 0.88), rgba(20, 26, 49, 0.94));
        --shadow-elevated: 0 28px 60px rgba(0, 0, 0, 0.45);
        --shadow-soft: 0 16px 30px rgba(0, 0, 0, 0.34);
        --shadow-accent: 0 20px 34px rgba(0, 0, 0, 0.36);
        --shadow-editorial-card: 0 24px 56px -34px rgba(0, 0, 0, 0.42);
        --shadow-editorial-media: 0 30px 60px -34px rgba(0, 0, 0, 0.48);
        --shadow-editorial-pill: 0 18px 30px -18px rgba(0, 0, 0, 0.46);
        --shadow-map-glass: 0 24px 42px -30px rgba(0, 0, 0, 0.72);
        --shadow-map-popup: 0 24px 40px -28px rgba(0, 0, 0, 0.7);
        --shadow-map-mobile-cta: 0 24px 42px -24px rgba(0, 0, 0, 0.72);
        --shadow-job-selected: 0 24px 42px -30px rgba(0, 0, 0, 0.66);
        --glow-primary: rgba(120, 161, 255, 0.18);
        --glow-secondary: rgba(72, 195, 255, 0.16);
        --glow-tertiary: rgba(255, 106, 154, 0.14);
        --glow-quaternary: rgba(168, 85, 247, 0.12);
        --divider: rgba(166, 184, 210, 0.12);
        --filter-divider: rgba(166, 184, 210, 0.12);
        --shortcut-divider: rgba(166, 184, 210, 0.14);
        --field-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        --focus-ring: 0 0 0 4px rgba(120, 161, 255, 0.22);
        --icon-surface: linear-gradient(135deg, rgba(120, 161, 255, 0.24), rgba(255, 106, 154, 0.2));
        --button-primary-background: linear-gradient(135deg, #5678e7, #78a1ff);
        --button-primary-ink: #091321;
        --button-secondary-background: rgba(13, 25, 43, 0.92);
        --button-secondary-border: rgba(120, 161, 255, 0.16);
        --button-secondary-ink: #d8e5ff;
        --map-panel-background:
            linear-gradient(180deg, rgba(17, 26, 41, 0.98), rgba(7, 17, 31, 0.98)),
            var(--color-surface-strong);
        --map-canvas-background:
            radial-gradient(circle at top left, rgba(41, 60, 94, 0.9), rgba(7, 17, 31, 0.96)),
            #0d1625;
        --map-mobile-cta-background: linear-gradient(135deg, #ffb347, #ff7a1a);
        --map-mobile-cta-border: rgba(255, 190, 102, 0.34);
        --map-mobile-cta-ink: #1f1205;
        --map-control-icon-filter: invert(1) brightness(1.15);
        --page-body-background:
            radial-gradient(circle at 14% 0%, var(--glow-primary), transparent 30%),
            radial-gradient(circle at 86% 2%, var(--glow-secondary), transparent 22%),
            radial-gradient(circle at 56% 28%, var(--glow-tertiary), transparent 24%),
            linear-gradient(180deg, var(--color-bg-soft) 0%, var(--color-bg) 52%, #06101d 100%);
        --page-onboarding-background:
            radial-gradient(circle at top left, rgba(120, 161, 255, 0.18), transparent 32%),
            radial-gradient(circle at 84% 12%, rgba(72, 195, 255, 0.12), transparent 24%),
            radial-gradient(circle at 56% 24%, rgba(245, 158, 11, 0.08), transparent 22%),
            linear-gradient(180deg, #07111f 0%, #0b1728 100%);
        --page-auth-background:
            radial-gradient(circle at top left, rgba(120, 161, 255, 0.18), transparent 32%),
            radial-gradient(circle at 84% 12%, rgba(72, 195, 255, 0.12), transparent 24%),
            radial-gradient(circle at 72% 20%, rgba(244, 114, 182, 0.08), transparent 20%),
            linear-gradient(180deg, #07111f 0%, #0b1728 100%);
        --page-app-background:
            radial-gradient(circle at top left, rgba(120, 161, 255, 0.14), transparent 28%),
            radial-gradient(circle at 86% 6%, rgba(72, 195, 255, 0.08), transparent 22%),
            linear-gradient(180deg, #07111f 0%, #0b1728 100%);
        --page-editorial-backdrop:
            radial-gradient(circle at 16% 16%, rgba(120, 161, 255, 0.16), transparent 28%),
            radial-gradient(circle at 82% 14%, rgba(72, 195, 255, 0.12), transparent 22%),
            radial-gradient(circle at 56% 38%, rgba(245, 158, 11, 0.08), transparent 24%),
            linear-gradient(180deg, rgba(9, 17, 31, 0.92), rgba(11, 23, 40, 0.92));
        --surface-media-fill: #10223c;
        --surface-media-fill-muted: #10223c;
        --text-editorial-pill: #dbe7ff;
        --text-editorial-filter: #d8e5ff;
        --edu-pill-hover-border: rgba(120, 161, 255, 0.28);
        --edu-map-glass-border: rgba(120, 161, 255, 0.16);
        --edu-map-canvas-border: rgba(120, 161, 255, 0.16);
        --edu-map-popup-ink: #eef4ff;
        --edu-map-popup-ink-soft: #bcc9de;
        --edu-map-popup-button-border: rgba(120, 161, 255, 0.18);
        --edu-map-popup-button-border-strong: rgba(120, 161, 255, 0.34);
        --edu-map-popup-button-ink: #dbe7ff;
        --edu-job-card-selected-border: rgba(120, 161, 255, 0.32);
        --edu-job-card-selected-background: linear-gradient(180deg, rgba(24, 43, 74, 0.98), rgba(13, 23, 40, 0.98));
        --edu-job-card-hover-border: rgba(120, 161, 255, 0.34);
        --edu-filter-border: rgba(166, 184, 210, 0.14);
        --edu-filter-border-strong: rgba(120, 161, 255, 0.28);
        --edu-filter-label-ink: #eef4ff;
        --edu-filter-value-ink: #b8c6da;
    }
}