:root {











    --src-primary: #02243c;
    --src-primary-hover: #0d3552;
    --src-primary-tint: rgba(2, 36, 60, 0.08);
    --src-midnight: var(--src-primary);

    --src-ruby: #a3011e;
    --src-ruby-hover: #7a0016;
    --src-ruby-light: #c85368;
    --src-ruby-tint: rgba(163, 1, 30, 0.08);

    --src-crimson: #EE444F;




















    --src-crimson-bg: rgba(238, 68, 79, 0.08);

    --src-sandstone: #b18b53;
    --src-sandstone-hover: #8b6a3a;
    --src-sandstone-light: #e8d5b0;
    --src-sandstone-tint: rgba(177, 139, 83, 0.10);








    --src-sandstone-tint-strong: rgba(177, 139, 83, 0.22);









    --src-sandstone-text: #7a5c2e;

    --src-sapphire: #2a617f;
    --src-sapphire-hover: #1e4d66;
    --src-sapphire-light: #daeaf3;
    --src-sapphire-tint: rgba(42, 97, 127, 0.08);


    --src-surface-page: #f0f4f7;
    --src-surface-glass: rgba(255, 255, 255, 0.88);
    --src-surface-glass-thick: rgba(255, 255, 255, 0.94);


    --src-surface-glass-warm: rgba(247, 246, 242, 0.92);
    --src-surface-solid: #ffffff;
    --src-surface-raised: #f8f9fa;
    --src-surface-card: #ffffff;
    --src-surface-card-raised: #f8f9fa;
    --src-surface-card-hover: rgba(2, 36, 60, 0.02);
    --src-surface-sidebar: #ffffff;
    --src-surface-topbar: rgba(255, 255, 255, 0.95);
    --src-surface-content: rgba(255, 255, 255, 0.88);
    --src-surface-input: #ffffff;
    --src-surface-input-disabled: #f0efed;
    --src-surface-overlay: rgba(2, 36, 60, 0.4);









    --src-surface-overlay-bright: rgba(255, 255, 255, 0.86);
    --src-surface-warm: #f7f6f2;
    --src-surface-warm-hover: #fbfaf6;
    --src-border-warm: #e4e1d8;


    --src-text-heading: #02243c;
    --src-text-primary: rgba(2, 36, 60, 0.9);
    --src-text-secondary: rgba(2, 36, 60, 0.72);
    --src-text-tertiary: rgba(2, 36, 60, 0.63);
    --src-text-disabled: rgba(2, 36, 60, 0.30);
    --src-text-on-dark: #ffffff;
    --src-text-on-dark-muted: rgba(255, 255, 255, 0.60);
    --src-text-link: #2a617f;
    --src-text-link-hover: #1e4d66;


    --src-border-subtle: rgba(2, 36, 60, 0.06);
    --src-border: rgba(2, 36, 60, 0.06);
    --src-border-medium: rgba(2, 36, 60, 0.10);
    --src-border-strong: rgba(2, 36, 60, 0.16);
    --src-border-focus: var(--src-primary);
    --src-border-error: var(--src-ruby);
    --src-border-input: rgba(2, 36, 60, 0.12);
    --src-border-ice: rgba(255, 255, 255, 0.6);
    --src-divider: rgba(2, 36, 60, 0.08);


    --src-success: #01d1c1;
    --src-success-bg: rgba(1, 209, 193, 0.08);








    --src-success-text: #0a7368;
    --src-success-border: rgba(1, 209, 193, 0.22);

    --src-error: #a3011e;
    --src-error-bg: rgba(163, 1, 30, 0.08);
    --src-error-border: rgba(163, 1, 30, 0.22);

    --src-warning: #f59e0b;
    --src-warning-bg: rgba(245, 158, 11, 0.08);


































    --src-warning-text: #78350f;
    --src-warning-border: rgba(245, 158, 11, 0.22);

    --src-info: #2a617f;
    --src-info-bg: rgba(42, 97, 127, 0.08);
    --src-info-border: rgba(42, 97, 127, 0.22);
























    --src-plane-live: #15803d;
    --src-plane-live-bg: rgba(21, 128, 61, 0.10);
    --src-plane-next: #1d4ed8;
    --src-plane-next-bg: rgba(29, 78, 216, 0.10);


    --src-status-positive: #01d1c1;
    --src-status-active: #02243c;
    --src-status-attention: #f59e0b;
    --src-status-caution: #b18b53;
    --src-status-inform: #2a617f;
    --src-status-negative: #EE444F;
    --src-status-critical: #a3011e;
    --src-status-neutral: #9ca3af;


    --src-gray-50: #f9fafb;
    --src-gray-100: #f3f4f6;
    --src-gray-200: #e5e7eb;
    --src-gray-300: #d1d5db;
    --src-gray-400: #9ca3af;
    --src-gray-500: #6b7280;
    --src-gray-600: #4b5563;
    --src-gray-700: #374151;
    --src-gray-800: #1f2937;
    --src-gray-900: #111827;


    --src-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --src-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --src-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --src-text-xs: 0.6875rem;
    --src-text-sm: 0.75rem;
    --src-text-base: 0.8125rem;
    --src-text-md: 1rem;
    --src-text-lg: 1.125rem;
    --src-text-xl: 1.25rem;
    --src-text-2xl: 1.5rem;
    --src-text-3xl: 1.875rem;
    --src-text-4xl: 2.25rem;

    --src-leading-tight: 1.25;
    --src-leading-normal: 1.5;
    --src-leading-relaxed: 1.625;

    --src-tracking-tight: -0.01em;
    --src-tracking-normal: 0;
    --src-tracking-wide: 0.05em;
    --src-tracking-widest: 0.1em;

    --src-weight-regular: 400;
    --src-weight-medium: 500;
    --src-weight-semibold: 600;
    --src-weight-bold: 700;
    --src-weight-extrabold: 800;


    --src-space-1: 0.25rem;
    --src-space-2: 0.5rem;
    --src-space-3: 0.75rem;
    --src-space-4: 1rem;
    --src-space-5: 1.25rem;
    --src-space-6: 1.5rem;
    --src-space-8: 2rem;
    --src-space-10: 2.5rem;
    --src-space-12: 3rem;
    --src-space-16: 4rem;
    --src-space-20: 5rem;
    --src-space-24: 6rem;





    --src-gap: var(--src-space-4);


    --src-radius-micro: 6px;
    --src-radius-interactive: 8px;
    --src-radius-medium: 12px;
    --src-radius-secondary: 16px;
    --src-radius-structural: 24px;
    --src-radius-pill: 100px;
    --src-radius-circle: 50%;

    --src-radius-sm: 4px;
    --src-radius-md: 6px;
    --src-radius-lg: 8px;
    --src-radius-xl: 12px;
    --src-radius-2xl: 16px;
    --src-radius-3xl: 24px;
    --src-radius-round: 50%;


    --src-shadow-card:
        0 24px 80px rgba(2, 36, 60, 0.08),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    --src-shadow-card-hover:
        0 32px 80px rgba(2, 36, 60, 0.12),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    --src-shadow-dropdown: 0 4px 16px rgba(2, 36, 60, 0.08), 0 1px 3px rgba(2, 36, 60, 0.06);
    --src-shadow-panel:
        0 20px 40px rgba(2, 36, 60, 0.15),
        0 8px 16px rgba(2, 36, 60, 0.10),
        0 0 1px rgba(2, 36, 60, 0.2);
    --src-shadow-modal: 0 20px 60px rgba(2, 36, 60, 0.20), 0 4px 12px rgba(2, 36, 60, 0.10);
    --src-shadow-toast: 0 8px 32px rgba(2, 36, 60, 0.12), 0 2px 4px rgba(2, 36, 60, 0.08);

    --src-hover-bg: rgba(2, 36, 60, 0.04);
    --src-active-bg: rgba(2, 36, 60, 0.07);

    --src-shadow-1: 0 1px 3px rgba(2, 36, 60, 0.04);
    --src-shadow-2: 0 4px 12px rgba(2, 36, 60, 0.08);
    --src-shadow-3: 0 8px 24px rgba(2, 36, 60, 0.12);
    --src-shadow-inset: inset 0 2px 4px rgba(2, 36, 60, 0.04);


    --src-transition-state: 120ms cubic-bezier(0.4, 0, 0.2, 1);
    --src-transition-transform: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --src-transition-structural: 350ms cubic-bezier(0.16, 1, 0.3, 1);

    --src-transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
    --src-transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --src-transition-slow: 350ms cubic-bezier(0.16, 1, 0.3, 1);
    --src-transition-panel: 350ms cubic-bezier(0.16, 1, 0.3, 1);


    --src-z-dropdown: 100;
    --src-z-sticky: 200;
    --src-z-topbar: 300;
    --src-z-sidebar: 300;
    --src-z-panel: 400;
    --src-z-modal-overlay: 500;
    --src-z-modal: 510;
    --src-z-toast: 600;





    --src-surface-sidebar-shell: #ffffff;
    --src-sidebar-active-fill: rgba(163,1,30,0.06);
    --src-sidebar-tan-ghost: rgba(177,139,83,0.10);
    --src-sidebar-module-active-fill: rgba(177,139,83,0.08);
    --src-sidebar-ghost-text: rgba(2,36,60,0.22);
    --src-sidebar-ghost-icon: rgba(2,36,60,0.15);
    --src-sidebar-ghost-label: rgba(2,36,60,0.14);























    --src-sidebar-receded-text: rgba(2,36,60,0.60);
    --src-sidebar-receded-icon: rgba(2,36,60,0.40);
    --src-sidebar-receded-label: rgba(2,36,60,0.30);
    --src-sidebar-receded-hover-text: rgba(2,36,60,0.88);
    --src-sidebar-receded-hover-icon: rgba(2,36,60,0.62);
    --src-sidebar-receded-hover-fill: rgba(2,36,60,0.04);
    --src-sidebar-wake-text: rgba(2,36,60,0.80);
    --src-sidebar-full-text: rgba(2,36,60,0.88);
    --src-sidebar-presence-green: #22c55e;
    --src-sidebar-dur-wake: 150ms;
    --src-sidebar-dur-reveal: 180ms;
    --src-sidebar-ease: cubic-bezier(0.4, 0, 0.2, 1);


    --src-sidebar-width: 260px;
    --src-sidebar-collapsed: 70px;
    --src-topbar-height: 70px;
    --src-floating-gap: 16px;
    --src-panel-width: 560px;
    --src-modal-width: 480px;
    --src-modal-width-lg: 640px;
    --src-modal-width-sm: 360px;
    --src-content-max-width: none;
    --src-grid-columns: 12;
    --src-grid-gutter: 25px;





    --src-field-w-sm: 7.5rem;
    --src-field-w-md: 10rem;
    --src-field-w-lg: 13.75rem;
}