:root{--color-primary-main: #347d66;--text-on-primary: #0B1F1A;--text-on-primary-inverse: #FFFFFF;--color-accent-100: #D1FAE5;--color-accent-200: #A7F3D0;--color-accent-300: #6EE7B7;--color-accent-400: #34D399;--color-accent-500: #10B981;--color-accent-600: #0EA371;--color-accent-700: #0C8C60;--color-accent-800: #0A7550;--color-accent-900: #064C34;--color-accent-main: #10B981;--color-neutral-25: #F9FAFB;--color-neutral-50: #F6F7F8;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--color-success-main: #22C55E;--color-warning-main: #F59E0B;--color-error-main: #EF4444;--color-info-main: #0EA5E9;--color-background-default: #F9FAFB;--color-background-paper: #FFFFFF;--surface-hero-start: #022C22;--surface-hero-mid: #064E3B;--surface-hero-end: #0B7355;--surface-footer-start: #021B17;--surface-footer-mid: #032924;--surface-footer-end: #053832;--surface-nav-tint: rgba(5, 41, 36, .65);--surface-glass: rgba(4, 31, 28, .55);--surface-glass-border: rgba(255, 255, 255, .18);--surface-glass-border-strong: rgba(255, 255, 255, .22);--surface-button-border-inverse: rgba(255, 255, 255, .5);--surface-section-muted: var(--color-neutral-50);--shadow-elevated: 0 24px 60px rgba(1, 22, 18, .45);--shadow-hero-frame: 0 32px 80px rgba(0, 29, 24, .6);--shadow-cta: 0 24px 64px rgba(1, 32, 26, .45);--shadow-button-secondary: 0 10px 35px rgba(23, 193, 172, .26);--shadow-glow-secondary: 0 0 16px rgba(23, 193, 172, .45);--color-white: #FFFFFF;--color-white-95: rgba(255, 255, 255, .95);--color-white-90: rgba(255, 255, 255, .9);--color-white-85: rgba(255, 255, 255, .85);--color-white-82: rgba(255, 255, 255, .82);--color-white-80: rgba(255, 255, 255, .8);--color-white-78: rgba(255, 255, 255, .78);--color-white-75: rgba(255, 255, 255, .75);--color-white-72: rgba(255, 255, 255, .72);--color-white-70: rgba(255, 255, 255, .7);--color-white-68: rgba(255, 255, 255, .68);--color-white-65: rgba(255, 255, 255, .65);--color-white-55: rgba(255, 255, 255, .55);--color-white-50: rgba(255, 255, 255, .5);--color-white-45: rgba(255, 255, 255, .45);--color-white-35: rgba(255, 255, 255, .35);--color-white-18: rgba(255, 255, 255, .18);--color-white-12: rgba(255, 255, 255, .12);--text-on-dark-primary: rgba(255, 255, 255, .9);--text-on-dark-secondary: rgba(255, 255, 255, .75);--text-on-dark-tertiary: rgba(255, 255, 255, .68);--button-primary-bg: var(--color-primary-main);--button-primary-text: var(--text-on-primary-inverse);--button-primary-bg-hover: color-mix(in srgb, var(--color-primary-main) 90%, black);--button-primary-bg-active: color-mix(in srgb, var(--color-primary-main) 80%, black);--button-primary-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary-main) 45%, transparent);--link-color: color-mix(in srgb, var(--color-primary-main) 88%, black);--link-color-hover: color-mix(in srgb, var(--color-primary-main) 94%, black);--input-focus-border: var(--color-primary-main);--input-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary-main) 35%, transparent);--chip-primary-bg: color-mix(in srgb, var(--color-primary-main) 12%, white);--chip-primary-border: color-mix(in srgb, var(--color-primary-main) 20%, white);--chip-primary-text: color-mix(in srgb, var(--color-primary-main) 90%, black);--border-primary-soft: color-mix(in srgb, var(--color-primary-main) 22%, white);--color-secondary-25: #F0FBFB;--color-secondary-50: #DCF7F5;--color-secondary-100: #B5EEE9;--color-secondary-200: #8DE5DB;--color-secondary-300: #66DBCE;--color-secondary-400: #3FD2C1;--color-secondary-500: #17C1AC;--color-secondary-600: #10A494;--color-secondary-700: #0C887A;--color-secondary-800: #086C62;--color-secondary-900: #05504A;--color-secondary-main: #17C1AC;--text-on-secondary: #063D34;--text-on-secondary-inverse: #FFFFFF;--button-secondary-bg: var(--color-secondary-600);--button-secondary-text: var(--text-on-secondary-inverse);--button-secondary-bg-hover: var(--color-secondary-700);--button-secondary-bg-active: var(--color-secondary-800);--button-secondary-ring: 0 0 0 3px rgba(23, 193, 172, .28);--link-secondary-color: var(--color-secondary-700);--link-secondary-hover: var(--color-secondary-800);--chip-secondary-bg: var(--color-secondary-25);--chip-secondary-border: var(--color-secondary-200);--chip-secondary-text: var(--color-secondary-700);--chart-series-1: var(--color-primary-main);--chart-series-2: var(--color-secondary-600);--chart-series-3: var(--color-accent-500);--chart-series-4: var(--color-neutral-700)}