:root {
    --cmms-primary: #3d6b7f;
    --cmms-primary-dark: #2c5364;
    --cmms-primary-light: #4a90a4;
    --cmms-primary-tint: #eaf2f5;
    --cmms-gradient-chrome: linear-gradient(135deg, var(--cmms-primary) 0%, var(--cmms-primary-dark) 100%);
    --cmms-gradient-drawer: linear-gradient(180deg, #17333f 0%, #0f2027 100%);

    --cmms-ink: #1b2430;
    --cmms-body: #2e3a47;
    --cmms-muted: #5d6b7a;
    --cmms-faint: #9aa7b4;
    --cmms-line: #dee4eb;
    --cmms-line-soft: #e9eef3;
    --cmms-line-input: #b9c6d4;
    --cmms-canvas: #f4f6f9;
    --cmms-surface: #ffffff;

    --cmms-success: #2e7d32;
    --cmms-success-soft: #e7f2e8;
    --cmms-success-deep: #1d5a22;
    --cmms-warning: #ed6c02;
    --cmms-warning-soft: #fdf0e1;
    --cmms-warning-deep: #9a4a00;
    --cmms-error: #c62828;
    --cmms-error-soft: #fbeaea;
    --cmms-error-deep: #9e1f1f;
    --cmms-info: #0277bd;
    --cmms-info-soft: #e5f1f9;
    --cmms-info-deep: #01579b;

    --cmms-radius-control: 4px;
    --cmms-radius-card: 8px;
    --cmms-radius-hero: 12px;
    --cmms-shadow-card: 0 2px 8px rgba(15, 32, 39, 0.08);
    --cmms-shadow-raised: 0 8px 24px rgba(15, 32, 39, 0.12);
    --cmms-shadow-overlay: 0 18px 48px rgba(15, 32, 39, 0.28);

    --cmms-space-1: 4px;
    --cmms-space-2: 8px;
    --cmms-space-3: 12px;
    --cmms-space-4: 16px;
    --cmms-space-5: 20px;
    --cmms-space-6: 24px;
    --cmms-space-8: 32px;
    --cmms-control-height: 36px;
    --cmms-action-height: 40px;
    --cmms-appbar-height: 56px;
    --cmms-drawer-width: 272px;
    --cmms-content-max: 1680px;
    --cmms-transition-fast: 140ms ease;
    --cmms-z-sticky: 20;
    --cmms-z-actionbar: 30;
    --cmms-z-overlay: 1300;

    --cmms-font: "Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --cmms-font-mono: "Roboto Mono", Consolas, "Cascadia Code", Menlo, monospace;
}