:root {
    --font-primary: 'Inter','Inter Fallback','Helvetica Neue',Helvetica,Arial,sans-serif;
    --font-secondary: 'Plus Jakarta Sans','Plus Jakarta Sans Fallback','Inter','Inter Fallback','Helvetica Neue',Helvetica,Arial,sans-serif;
    --font-mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
    --brand-navy: #082849;
    --brand-teal: #5DC7BB;
    --brand-sky: #54A9F1;
    --brand-violet: #AA56E7;
    --brand-white: #FFFFFF;
    --color-primary: var(--brand-navy);
    --color-secondary: #4a6278;
    --color-tertiary: #8396a7;
    --color-bg: var(--brand-white);
    --color-bg-subtle: #f3f7fb;
    --color-bg-muted: #e6edf4;
    --color-surface: var(--brand-white);
    --color-border: rgba(8,40,73,0.12);
    --color-border-strong: rgba(8,40,73,0.24);
    --color-accent: var(--brand-teal);
    --color-accent-bg: #e4f6f4;
    --color-accent-text: #1f6b62;
    --color-info: #1f7ac9;
    --color-info-bg: #e5f1fc;
    --color-success: #1f6b62;
    --color-success-bg: #e4f6f4;
    --color-warning: #854f0b;
    --color-warning-bg: #faeeda;
    --color-danger: #a32d2d;
    --color-danger-bg: #fcebeb;
    --color-highlight: var(--brand-violet);
    --color-highlight-bg: #f4e8fc;
    --color-highlight-text: #6a2ba0;
    --space-0: 0;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    --pad-tight: var(--space-2);
    --pad-snug: var(--space-3);
    --pad-default: var(--space-4);
    --pad-comfortable: var(--space-5);
    --pad-roomy: var(--space-6);
    --margin-inline-page: var(--space-6);
    --margin-section: var(--space-8);
    --margin-section-tight: var(--space-6);
    --margin-block: var(--space-5);
    --margin-element: var(--space-3);
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.375rem;
    --text-2xl: 1.75rem;
    --text-3xl: 2.5rem;
    --text-4xl: 3.5rem;
    --leading-tight: 1.15;
    --leading-snug: 1.35;
    --leading-normal: 1.6;
    --leading-loose: 1.75;
    --weight-thin: 300;
    --weight-regular: 400;
    --weight-bold: 700;
    --ds-version: "0.84.0";
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 999px;
    --ease-out: cubic-bezier(0.16,1,0.3,1);
    --ease-in-out: cubic-bezier(0.65,0,0.35,1);
    --dur-fast: 140ms;
    --dur-base: 220ms;
    --dur-slow: 360ms;
    --shadow-sm: 0 1px 2px rgba(8,40,73,0.04);
    --shadow-md: 0 4px 12px rgba(8,40,73,0.08);
    --shadow-lg: 0 12px 28px rgba(8,40,73,0.12);
    --shadow-xl: 0 24px 48px rgba(8,40,73,0.18);
    --shadow-glow: 0 0 32px rgba(93,199,187,0.25);
    --container-max: 1200px;
    --focus-ring: 0 0 0 3px rgba(93,199,187,0.35);
    --skew-angle: -3deg;
    --skew-height: 5.5vw;
    --dip-height: 6vw;
    --dip-spread: 4%;
    --bs-gutter-x: var(--space-5);
    --bs-gutter-y: 0;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
    --bs-container-max-sm: 540px;
    --bs-container-max-md: 720px;
    --bs-container-max-lg: 960px;
    --bs-container-max-xl: 1140px;
    --bs-container-max-xxl: 1200px
}

[data-theme="dark"] {
    --color-primary: #f1f6fb;
    --color-secondary: #a7b8c9;
    --color-tertiary: #6d8195;
    --color-bg: #051a30;
    --color-bg-subtle: #0c2a4a;
    --color-bg-muted: #143558;
    --color-surface: #0c2a4a;
    --color-border: rgba(241,246,251,0.14);
    --color-border-strong: rgba(241,246,251,0.28);
    --color-accent: var(--brand-teal);
    --color-accent-bg: #184a48;
    --color-accent-text: #8fe0d5;
    --color-info: var(--brand-sky);
    --color-info-bg: #113b66;
    --color-success: var(--brand-teal);
    --color-success-bg: #184a48;
    --color-warning: #ef9f27;
    --color-warning-bg: #633806;
    --color-danger: #f09595;
    --color-danger-bg: #501313;
    --color-highlight: var(--brand-violet);
    --color-highlight-bg: #3a1b5a;
    --color-highlight-text: #d8a8f5
}

:root {
    --rc-blau: #162D61;
    --rc-petrol: #159A87;
    --rc-orange: #FF8A00;
    --rc-grau: #F4F6F8;
    --rc-blau-pastel: #DCE0E7;
    --rc-petrol-pastel: #DCF0ED;
    --rc-orange-pastel: #FFEDD9;
    --rc-grau-pastel: #FBFCFD;
    --rc-blau-900: #0E1E44;
    --rc-blau-700: #1E3F84;
    --rc-petrol-700: #0E7E6F;
    --rc-orange-600: #E67800;
    --rc-orange-700: #C46300;
    --rc-ink: #0E1A36;
    --rc-ink-2: #3A4561;
    --rc-ink-3: #6B7591;
    --rc-line: #E4E8EE;
    --rc-line-strong: #C7CEDA;
    --rc-white: #FFFFFF;
    --bg-canvas: var(--rc-white);
    --bg-soft: var(--rc-grau);
    --bg-softer: var(--rc-grau-pastel);
    --bg-dark: var(--rc-blau);
    --bg-petrol-soft: var(--rc-petrol-pastel);
    --bg-orange-soft: var(--rc-orange-pastel);
    --text-primary: var(--rc-ink);
    --text-secondary: var(--rc-ink-2);
    --text-tertiary: var(--rc-ink-3);
    --text-on-dark: #FFFFFF;
    --text-on-dark-soft: rgba(255,255,255,0.78);
    --text-accent: var(--rc-petrol);
    --text-headline: var(--rc-blau);
    --border-subtle: var(--rc-line);
    --border-strong: var(--rc-line-strong);
    --border-accent: var(--rc-petrol);
    --border-cta: var(--rc-orange);
    --hero-overlay: linear-gradient(135deg,rgba(22,45,97,0.97) 0%,rgba(22,45,97,0.94) 45%,rgba(13,102,87,0.88) 100%);
    --font-display: "Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
    --font-body: "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
    --fs-display-1: 72px;
    --lh-display-1: 1.04;
    --tr-display-1: -0.022em;
    --fs-display-2: 56px;
    --lh-display-2: 1.06;
    --tr-display-2: -0.020em;
    --fs-h1: 44px;
    --lh-h1: 1.10;
    --tr-h1: -0.018em;
    --fs-h2: 32px;
    --lh-h2: 1.15;
    --tr-h2: -0.014em;
    --fs-h3: 24px;
    --lh-h3: 1.25;
    --tr-h3: -0.010em;
    --fs-h4: 20px;
    --lh-h4: 1.30;
    --tr-h4: -0.005em;
    --fs-lede: 18px;
    --lh-lede: 1.55;
    --fs-body: 16px;
    --lh-body: 1.62;
    --fs-small: 14px;
    --lh-small: 1.50;
    --fs-eyebrow: 13px;
    --lh-eyebrow: 1.20;
    --ls-eyebrow: 0.08em;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 128px;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    --radius-pill: 999px;
    --shadow-1: 0 1px 2px rgba(22,45,97,0.06),0 1px 1px rgba(22,45,97,0.04);
    --shadow-2: 0 4px 14px rgba(22,45,97,0.08),0 2px 4px rgba(22,45,97,0.05);
    --shadow-3: 0 14px 40px rgba(22,45,97,0.12),0 4px 10px rgba(22,45,97,0.06);
    --shadow-cta: 0 6px 18px rgba(255,138,0,0.32);
    --shadow-cta-press: 0 2px 6px rgba(255,138,0,0.24);
    --container-max: 1200px;
    --container-pad-x: 24px;
    --ease-out: cubic-bezier(0.22,0.61,0.36,1);
    --ease-in-out: cubic-bezier(0.65,0,0.35,1);
    --dur-fast: 140ms;
    --dur-base: 220ms;
    --dur-slow: 360ms
}

:root {
    --lx-navy: #082849;
    --lx-teal: #5DC7BB;
    --lx-sky: #54A9F1;
    --lx-violet: #AA56E7;
    --lx-white: #FFFFFF;
    --lx-blau: #162D61;
    --lx-petrol: #159A87;
    --lx-orange: #FF8A00;
    --lx-grau: #F4F6F8;
    --lx-blau-pastel: #DCE0E7;
    --lx-petrol-pastel: #DCF0ED;
    --lx-orange-pastel: #FFEDD9;
    --lx-grau-pastel: #FBFCFD;
    --lx-blau-900: #0E1E44;
    --lx-blau-700: #1E3F84;
    --lx-petrol-700: #0E7E6F;
    --lx-orange-600: #E67800;
    --lx-orange-700: #C46300;
    --lx-ink: #0E1A36;
    --lx-ink-2: #3A4561;
    --lx-ink-3: #6B7591;
    --lx-line: #E4E8EE;
    --lx-line-strong: #C7CEDA;
    --lx-brand: var(--lx-blau);
    --lx-brand-deep: var(--lx-blau-900);
    --lx-brand-bright: var(--lx-blau-700);
    --lx-accent: var(--lx-petrol);
    --lx-accent-deep: var(--lx-petrol-700);
    --lx-cta: var(--lx-orange);
    --lx-cta-deep: var(--lx-orange-600);
    --lx-cta-deeper: var(--lx-orange-700);
    --lx-bg: var(--lx-white);
    --lx-bg-soft: var(--lx-grau);
    --lx-bg-softer: var(--lx-grau-pastel);
    --lx-bg-subtle: #f3f7fb;
    --lx-bg-muted: #e6edf4;
    --lx-bg-dark: var(--lx-brand);
    --lx-bg-petrol-soft: var(--lx-petrol-pastel);
    --lx-bg-cta-soft: var(--lx-orange-pastel);
    --lx-surface: var(--lx-white);
    --lx-text: var(--lx-ink);
    --lx-text-secondary: var(--lx-ink-2);
    --lx-text-tertiary: var(--lx-ink-3);
    --lx-text-on-dark: var(--lx-white);
    --lx-text-on-dark-soft: rgba(255,255,255,0.78);
    --lx-text-accent: var(--lx-accent);
    --lx-text-headline: var(--lx-brand);
    --lx-border: var(--lx-line);
    --lx-border-strong: var(--lx-line-strong);
    --lx-border-accent: var(--lx-accent);
    --lx-border-cta: var(--lx-cta);
    --lx-info: #1f7ac9;
    --lx-info-bg: #e5f1fc;
    --lx-success: #1f6b62;
    --lx-success-bg: #e4f6f4;
    --lx-warning: #854f0b;
    --lx-warning-bg: #faeeda;
    --lx-danger: #a32d2d;
    --lx-danger-bg: #fcebeb;
    --lx-highlight: var(--lx-violet);
    --lx-highlight-bg: #f4e8fc;
    --lx-highlight-text: #6a2ba0;
    --lx-space-0: 0;
    --lx-space-1: 4px;
    --lx-space-2: 8px;
    --lx-space-3: 12px;
    --lx-space-4: 16px;
    --lx-space-5: 24px;
    --lx-space-6: 32px;
    --lx-space-7: 48px;
    --lx-space-8: 64px;
    --lx-space-9: 96px;
    --lx-space-10: 128px;
    --lx-pad-tight: var(--lx-space-2);
    --lx-pad-snug: var(--lx-space-3);
    --lx-pad-default: var(--lx-space-4);
    --lx-pad-comfortable: var(--lx-space-5);
    --lx-pad-roomy: var(--lx-space-6);
    --lx-margin-inline-page: var(--lx-space-6);
    --lx-margin-section: var(--lx-space-8);
    --lx-margin-section-tight: var(--lx-space-6);
    --lx-margin-block: var(--lx-space-5);
    --lx-margin-element: var(--lx-space-3);
    --lx-font-display: "Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
    --lx-font-body: "Inter","Inter Fallback","Helvetica Neue",Helvetica,Arial,sans-serif;
    --lx-font-mono: "JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
    --lx-font-primary: var(--lx-font-body);
    --lx-font-secondary: var(--lx-font-display);
    --lx-fs-display-1: 72px;
    --lx-lh-display-1: 1.04;
    --lx-ls-display-1: -0.022em;
    --lx-fs-display-2: 56px;
    --lx-lh-display-2: 1.06;
    --lx-ls-display-2: -0.020em;
    --lx-fs-h1: 44px;
    --lx-lh-h1: 1.10;
    --lx-ls-h1: -0.018em;
    --lx-fs-h2: 32px;
    --lx-lh-h2: 1.15;
    --lx-ls-h2: -0.014em;
    --lx-fs-h3: 24px;
    --lx-lh-h3: 1.25;
    --lx-ls-h3: -0.010em;
    --lx-fs-h4: 20px;
    --lx-lh-h4: 1.30;
    --lx-ls-h4: -0.005em;
    --lx-fs-lede: 18px;
    --lx-lh-lede: 1.55;
    --lx-fs-body: 16px;
    --lx-lh-body: 1.62;
    --lx-fs-small: 14px;
    --lx-lh-small: 1.50;
    --lx-fs-eyebrow: 13px;
    --lx-lh-eyebrow: 1.20;
    --lx-ls-eyebrow: 0.08em;
    --lx-text-xs: 0.75rem;
    --lx-text-sm: 0.875rem;
    --lx-text-md: 1rem;
    --lx-text-lg: 1.125rem;
    --lx-text-xl: 1.375rem;
    --lx-text-2xl: 1.75rem;
    --lx-text-3xl: 2.5rem;
    --lx-text-4xl: 3.5rem;
    --lx-leading-tight: 1.15;
    --lx-leading-snug: 1.35;
    --lx-leading-normal: 1.6;
    --lx-leading-loose: 1.75;
    --lx-weight-thin: 300;
    --lx-weight-regular: 400;
    --lx-weight-bold: 700;
    --lx-radius-sm: 6px;
    --lx-radius-md: 12px;
    --lx-radius-lg: 18px;
    --lx-radius-xl: 22px;
    --lx-radius-pill: 999px;
    --lx-radius-full: 999px;
    --lx-ease-out: cubic-bezier(0.22,0.61,0.36,1);
    --lx-ease-out-soft: cubic-bezier(0.16,1,0.3,1);
    --lx-ease-in-out: cubic-bezier(0.65,0,0.35,1);
    --lx-dur-fast: 140ms;
    --lx-dur-base: 220ms;
    --lx-dur-slow: 360ms;
    --lx-shadow-1: 0 1px 2px rgba(22,45,97,0.06),0 1px 1px rgba(22,45,97,0.04);
    --lx-shadow-2: 0 4px 14px rgba(22,45,97,0.08),0 2px 4px rgba(22,45,97,0.05);
    --lx-shadow-3: 0 14px 40px rgba(22,45,97,0.12),0 4px 10px rgba(22,45,97,0.06);
    --lx-shadow-cta: 0 6px 18px rgba(255,138,0,0.32);
    --lx-shadow-cta-press: 0 2px 6px rgba(255,138,0,0.24);
    --lx-shadow-glow: 0 0 32px rgba(93,199,187,0.25);
    --lx-shadow-sm: var(--lx-shadow-1);
    --lx-shadow-md: var(--lx-shadow-2);
    --lx-shadow-lg: var(--lx-shadow-3);
    --lx-shadow-xl: 0 24px 48px rgba(8,40,73,0.18);
    --lx-container-max: 1200px;
    --lx-container-pad-x: 24px;
    --lx-focus-ring: 0 0 0 3px rgba(93,199,187,0.35)
}