/* Cleanex design system — design tokens.
   One place to change brand colors / spacing / type scale for the whole common layout. */
:root {
    /* Brand / semantic colors */
    --color-primary: #1e3a8a;
    --color-primary-dark: #16296b;
    --color-primary-soft: #e8edf9;
    --color-secondary: #0f766e;
    --color-success: #198754;
    --color-success-soft: #e3f5ea;
    --color-warning: #b45309;
    --color-warning-soft: #fdf1e0;
    --color-danger: #b91c1c;
    --color-danger-soft: #fbe7e7;
    --color-info: #0d6efd;

    /* Neutrals */
    --color-bg: #f4f6f9;
    --color-surface: #ffffff;
    --color-border: #e2e5eb;
    --color-text: #1f2430;
    --color-text-muted: #6b7280;
    --color-sidebar-bg: #10192f;
    --color-sidebar-bg-active: #1e3a8a;
    --color-sidebar-text: #c8d0e0;
    --color-sidebar-text-active: #ffffff;

    /* Typography */
    --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-base: .9375rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.375rem;
    --font-size-2xl: 1.75rem;
    --line-height-base: 1.5;

    /* Spacing (4px base unit) */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-8: 3rem;

    /* Radii / shadows */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(16, 25, 47, .06);
    --shadow-md: 0 4px 12px rgba(16, 25, 47, .08);

    /* Shell dimensions */
    --sidebar-width: 264px;
    --sidebar-width-collapsed: 76px;
    --topbar-height: 64px;
}