:root {
    --traxe-bg: #07111f;
    --traxe-bg-2: #0b1728;
    --traxe-font-sans: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --traxe-primary: #1f8f4e;
    --traxe-success: #36c86d;
    --traxe-bg-subtle: #0b1728;
    --traxe-text: #f4f8fb;
    --traxe-text-2: #b9c6d2;
    --traxe-text-3: #7e91a2;
    --traxe-muted: #b9c6d2;
    --traxe-border: rgba(255, 255, 255, 0.09);
    --traxe-border-strong: rgba(255, 255, 255, 0.16);
    --traxe-white: #ffffff;

    --traxe-radius-sm: 0.5rem;
    --traxe-radius: 0.75rem;
    --traxe-radius-lg: 1rem;
    --traxe-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
    --traxe-shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.26);
    --traxe-page-width: 1440px;
    --traxe-sidebar-width: 15.5rem;
    --traxe-control-height: 2.5rem;
    --traxe-shell-gap: 1.25rem;
    --traxe-focus-ring: rgba(54, 200, 109, 0.24);
    --traxe-surface: rgba(18, 35, 56, 0.96);
    --traxe-surface-strong: #0d1b2c;
    --traxe-grad: linear-gradient(135deg, #1f8f4e, #45c48a 55%, #4dc7d9);

    --traxe-navy: var(--traxe-text);
    --traxe-green: var(--traxe-success);
    --traxe-light-grey: var(--traxe-bg-subtle);
}