:root {
    --wwx-color-forest-950: #071510;
    --wwx-color-forest-900: #0c2119;
    --wwx-color-forest-800: #123629;
    --wwx-color-forest-700: #18513b;
    --wwx-color-forest-600: #1f6b4d;
    --wwx-color-forest-500: #2f8a63;
    --wwx-color-forest-300: #7bc39f;
    --wwx-color-forest-100: #dff3e8;
    --wwx-color-slate-950: #090d12;
    --wwx-color-slate-900: #101820;
    --wwx-color-slate-800: #18242f;
    --wwx-color-slate-700: #263542;
    --wwx-color-slate-500: #647482;
    --wwx-color-slate-300: #aeb9c2;
    --wwx-color-slate-100: #e8edf1;
    --wwx-color-slate-50: #f5f7f9;
    --wwx-color-white: #ffffff;
    --wwx-color-amber-600: #b97812;
    --wwx-color-amber-400: #e0a43b;
    --wwx-color-sky-500: #3f91c9;
    --wwx-color-success: #38a36b;
    --wwx-color-warning: #d99a2b;
    --wwx-color-danger: #d05c59;
    --wwx-color-info: #4c9bd3;
    --wwx-color-forest-glow: rgba(47, 138, 99, 0.2);
    --wwx-color-sky-glow: rgba(63, 145, 201, 0.12);
    --wwx-color-forest-hover: rgba(123, 195, 159, 0.1);
    --wwx-color-forest-soft: rgba(47, 138, 99, 0.16);
    --wwx-color-slate-soft: rgba(24, 54, 43, 0.05);
    --wwx-color-slate-hover: rgba(24, 54, 43, 0.09);
    --wwx-color-danger-soft: rgba(208, 92, 89, 0.18);
    --wwx-color-warning-soft: rgba(217, 154, 43, 0.18);
    --wwx-color-success-soft: rgba(56, 163, 107, 0.18);
    --wwx-color-info-soft: rgba(76, 155, 211, 0.18);
    --wwx-color-chart-1: var(--wwx-color-forest-300);
    --wwx-color-chart-2: var(--wwx-color-sky-500);
    --wwx-color-chart-3: var(--wwx-color-amber-400);
    --wwx-color-chart-4: var(--wwx-color-success);
    --wwx-color-chart-5: var(--wwx-color-danger);
    --wwx-color-chart-6: #a487d4;
    --wwx-color-chart-7: #d982b5;
    --wwx-color-chart-8: #73b7b2;
    --wwx-color-transparent: transparent;
    --wwx-color-print-ink: #000000;
    --wwx-color-print-paper: #ffffff;
    --wwx-color-print-border: #808080;
    --wwx-color-forest-500-rgb: 47, 138, 99;

    --wwx-surface-app: #eef3f1;
    --wwx-surface-raised: #ffffff;
    --wwx-surface-card: rgba(255, 255, 255, 0.94);
    --wwx-surface-glass: rgba(248, 251, 250, 0.97);
    --wwx-surface-muted: rgba(18, 54, 41, 0.055);
    --wwx-border-subtle: rgba(24, 81, 59, 0.14);
    --wwx-border-strong: rgba(31, 107, 77, 0.36);
    --wwx-text-primary: #17231f;
    --wwx-text-secondary: #5f6f68;
    --wwx-text-inverse: #ffffff;
    --wwx-focus-ring: rgba(47, 138, 99, 0.24);
    --wwx-navigation-surface: rgba(250, 252, 251, 0.98);
    --wwx-control-surface: rgba(255, 255, 255, 0.98);
    --wwx-control-surface-focus: #ffffff;
    --wwx-link-color: var(--wwx-color-forest-700);
    --wwx-link-hover-color: var(--wwx-color-forest-900);

    --wwx-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --wwx-font-size-xs: 0.75rem;
    --wwx-font-size-sm: 0.875rem;
    --wwx-font-size-md: 1rem;
    --wwx-font-size-lg: 1.125rem;
    --wwx-font-size-xl: clamp(1.5rem, 2vw, 2rem);

    --wwx-space-1: 0.25rem;
    --wwx-space-2: 0.5rem;
    --wwx-space-3: 0.75rem;
    --wwx-space-4: 1rem;
    --wwx-space-5: 1.5rem;
    --wwx-space-6: 2rem;
    --wwx-space-8: 3rem;

    --wwx-radius-sm: 0.5rem;
    --wwx-radius-md: 0.875rem;
    --wwx-radius-lg: 1.25rem;
    --wwx-radius-pill: 999rem;
    --wwx-shadow-sm: 0 0.25rem 0.9rem rgba(24, 54, 43, 0.08);
    --wwx-shadow-md: 0 1rem 2.5rem rgba(24, 54, 43, 0.14);
    --wwx-shadow-focus: 0 0 0 0.25rem var(--wwx-focus-ring);

    --wwx-motion-fast: 120ms;
    --wwx-motion-base: 200ms;
    --wwx-motion-slow: 360ms;
    --wwx-ease-standard: cubic-bezier(0.2, 0, 0, 1);

    --wwx-z-navigation: 1030;
    --wwx-z-dropdown: 1050;
    --wwx-z-offcanvas: 1045;
    --wwx-z-modal: 1055;
    --wwx-z-toast: 1090;
    --wwx-content-max: 1440px;
    --wwx-navigation-height: 4.5rem;
    --wwx-navigation-panel-width: 23rem;
    --wwx-sidebar-width: 17rem;
    --wwx-shell-gap: 0.875rem;
}

.wwx-theme.wwx-color-dark {
    --wwx-surface-app: var(--wwx-color-slate-950);
    --wwx-surface-raised: var(--wwx-color-slate-900);
    --wwx-surface-card: rgba(24, 36, 47, 0.96);
    --wwx-surface-glass: rgba(12, 22, 29, 0.96);
    --wwx-surface-muted: rgba(232, 237, 241, 0.08);
    --wwx-border-subtle: rgba(232, 237, 241, 0.14);
    --wwx-border-strong: rgba(123, 195, 159, 0.38);
    --wwx-text-primary: var(--wwx-color-slate-50);
    --wwx-text-secondary: var(--wwx-color-slate-300);
    --wwx-text-inverse: var(--wwx-color-slate-950);
    --wwx-focus-ring: rgba(123, 195, 159, 0.44);
    --wwx-navigation-surface: rgba(10, 20, 27, 0.98);
    --wwx-control-surface: rgba(9, 18, 24, 0.96);
    --wwx-control-surface-focus: rgba(12, 27, 34, 0.98);
    --wwx-color-slate-soft: rgba(232, 237, 241, 0.06);
    --wwx-color-slate-hover: rgba(232, 237, 241, 0.1);
    --wwx-link-color: var(--wwx-color-forest-300);
    --wwx-link-hover-color: var(--wwx-color-forest-100);
    --wwx-shadow-sm: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.18);
    --wwx-shadow-md: 0 1rem 2.5rem rgba(0, 0, 0, 0.28);
}