:root {
    /* Semantic foundation. Legacy aliases below remain for incremental migration. */
    --traxe-sidebar-width: 248px;
    --traxe-topbar-height: 56px;
    --traxe-content-max: 1440px;
    --traxe-page-gutter: 24px;
    --traxe-page-gutter-narrow: 16px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --traxe-workspace-content-gap: var(--space-lg);
    --form-workspace-content-gap: var(--space-md);
    --form-workspace-header-bg: #122338;
    --form-workspace-header-border: rgba(255, 255, 255, 0.14);
    --form-workspace-header-text: #f4f8fb;
    --form-workspace-title: #36c86d;
    --form-lifecycle-text: #b9c6d2;
    --form-lifecycle-active: #f4f8fb;
    --form-lifecycle-accent: #36c86d;
    --form-submodule-text: #b9c6d2;
    --form-workspace-gap: var(--form-workspace-content-gap);
    --traxe-radius-small: 4px;
    --traxe-radius-standard: 8px;
    --traxe-radius-large: 12px;
    --traxe-radius-pill: 999px;
    --traxe-font-size-body: 15px;
    --traxe-font-size-small: 13px;
    --traxe-font-size-label: 12px;
    --traxe-font-size-card-title: 15px;
    --traxe-font-size-section-title: 18px;
    --traxe-font-size-page-title: 24px;
    --traxe-font-size-kpi: 24px;
    --traxe-line-height-body: 1.5;
    --traxe-line-height-tight: 1.25;

    /* Authenticated application typography contract.  Legacy aliases above
       remain available to Builder, respondent, and public surfaces. */
    --traxe-type-title-size: 18px;
    --traxe-type-title-line: 24px;
    --traxe-type-title-weight: 700;
    --traxe-type-section-size: 16px;
    --traxe-type-section-line: 22px;
    --traxe-type-section-weight: 600;
    --traxe-type-body-size: 14px;
    --traxe-type-body-line: 20px;
    --traxe-type-body-weight: 400;
    --traxe-type-control-size: 13px;
    --traxe-type-control-line: 18px;
    --traxe-type-control-weight: 600;
    --traxe-type-meta-size: 12px;
    --traxe-type-meta-line: 16px;
    --traxe-type-kpi-size: 20px;
    --traxe-type-kpi-line: 24px;
    --traxe-type-kpi-weight: 700;
    --traxe-type-label-tracking: 0.06em;
    --color-primary: #36c86d;
    --color-structural: #07111f;
    --color-text: #f4f8fb;
    --color-muted: #b9c6d2;
    --color-surface: #122338;
    --color-background: #0b1728;
    --color-border: rgba(255, 255, 255, 0.09);
    --color-success: #36c86d;
    --color-warning: #f0b44d;
    --color-danger: #dc3545;
    --color-info: #4dc7d9;
    --traxe-shadow-none: none;
    --traxe-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.12);
    --traxe-shadow-overlay: 0 12px 32px rgba(0, 0, 0, 0.26);
    --traxe-control-height-default: 40px;
    --traxe-control-height-small: 32px;
    --traxe-focus-ring: rgba(54, 200, 109, 0.35);

    /* UIUX-08 icon scale. Icon glyphs inherit the surrounding text color. */
    --traxe-icon-size-inline: 0.875rem;
    --traxe-icon-size-control: 1rem;
    --traxe-icon-size-navigation: 1.125rem;
    --traxe-icon-size-feature: 1.5rem;
    --traxe-icon-gap: var(--space-xs);

    /* Native scrollbar contract for application-owned surfaces. */
    --traxe-scrollbar-size: 8px;
    --traxe-scrollbar-track: transparent;
    --traxe-scrollbar-thumb: rgba(185, 198, 210, 0.48);
    --traxe-scrollbar-thumb-hover: rgba(185, 198, 210, 0.72);
    --traxe-scrollbar-thumb-active: rgba(244, 248, 251, 0.82);

    --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: var(--traxe-content-max);
    --traxe-sidebar-width-legacy: 15.5rem;
    --traxe-control-height: 2.5rem;
    --traxe-shell-gap: 1.25rem;
    --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);
}