/* Uncorp Wear design tokens. SHARED FILE: edit src/InternalPortal/wwwroot/css, then run scripts/sync-ui-kit.sh
   (it copies this file, uw-kit.css, uw-mud.css and uw-shell.css into ClientPortal). Do not hand-edit the copy. */
:root {
    /* surfaces */
    --uw-bg: #f8fafc;
    --uw-surface: #ffffff;
    --uw-surface-2: #f1f5f9;      /* wells, table header, hover on white */
    --uw-border: #e2e8f0;
    --uw-border-strong: #cbd5e1;  /* inputs, control borders (3:1 on white is not met by --uw-border) */

    /* text */
    --uw-text: #0f172a;
    --uw-text-2: #475569;
    --uw-muted: #64748b;
    --uw-faint: #94a3b8;          /* decorative / disabled only, never body text on white */

    /* navigation */
    --uw-nav: #0f172a;
    --uw-nav-active: #1e293b;
    --uw-nav-text: #94a3b8;
    --uw-nav-text-active: #ffffff;
    --uw-nav-border: #1e293b;

    /* brand + status. "-bg" is the tint behind a chip, "-ink" is text that passes 4.5:1 on that tint. */
    --uw-primary: #1D4ED8;
    --uw-primary-hover: #1e40af;
    --uw-primary-tint: #eef2ff;
    --uw-success: #047857;   --uw-success-bg: #ecfdf5;  --uw-success-ink: #047857;
    --uw-danger: #dc2626;    --uw-danger-bg: #fef2f2;   --uw-danger-ink: #b91c1c;
    --uw-warning: #ca8a04;   --uw-warning-bg: #fef9c3;  --uw-warning-ink: #854d0e;
    --uw-orange: #ea580c;    --uw-orange-bg: #fff7ed;   --uw-orange-ink: #c2410c;
    --uw-indigo: #6366f1;    --uw-indigo-bg: #eef2ff;   --uw-indigo-ink: #4338ca;
    --uw-sky: #0ea5e9;       --uw-sky-bg: #f0f9ff;      --uw-sky-ink: #0369a1;

    /* shape */
    --uw-r-xs: 6px;
    --uw-r-sm: 8px;
    --uw-r-md: 10px;     /* buttons, inputs */
    --uw-r-lg: 14px;     /* cards, panels, table boxes */
    --uw-r-xl: 18px;     /* hero / featured cards, dialogs */
    --uw-r-pill: 999px;

    /* elevation: soft, slate-tinted, never a glow */
    --uw-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --uw-shadow-md: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.06);
    --uw-shadow-pop: 0 4px 6px rgba(15, 23, 42, 0.04), 0 16px 40px rgba(15, 23, 42, 0.14);
    --uw-shadow-modal: 0 24px 64px rgba(15, 23, 42, 0.35);
    --uw-scrim: rgba(15, 23, 42, 0.55);

    /* space (4px base) */
    --uw-s1: 4px; --uw-s2: 8px; --uw-s3: 12px; --uw-s4: 16px; --uw-s5: 20px; --uw-s6: 24px; --uw-s8: 32px; --uw-s10: 40px;

    /* type */
    --uw-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --uw-fs-xs: 12px; --uw-fs-sm: 13px; --uw-fs-md: 14px; --uw-fs-lg: 16px; --uw-fs-xl: 20px; --uw-fs-2xl: 28px; --uw-fs-3xl: 34px;

    /* sizing */
    --uw-touch: 44px;            /* minimum hit area for primary controls */
    --uw-control: 40px;          /* desktop control height */
    --uw-rail-w: 72px;
    --uw-rail-w-open: 248px;
    --uw-topbar-h: 56px;       /* internal top bar + rail brand row (must stay under 60px: the board drag e2e hovers 60px below a column top) */
    --uw-top-h: 64px;          /* client navy top nav */
    --uw-content-max: 1480px;

    --uw-ease: cubic-bezier(0.2, 0, 0, 1);
    --uw-dur: 160ms;

    /* Feed MudBlazor from the same source. */
    --mud-palette-primary: var(--uw-primary);
    --mud-palette-primary-darken: var(--uw-primary-hover);
    --mud-palette-primary-hover: rgba(29, 78, 216, 0.06);
    --mud-palette-background: var(--uw-bg);
    --mud-palette-surface: var(--uw-surface);
    --mud-palette-lines-default: var(--uw-border);
    --mud-palette-lines-inputs: var(--uw-border-strong);
    --mud-palette-divider: var(--uw-border);
    --mud-palette-text-primary: var(--uw-text);
    --mud-palette-text-secondary: var(--uw-text-2);
    --mud-default-borderradius: var(--uw-r-md);
}

@media (prefers-reduced-motion: reduce) {
    :root { --uw-dur: 0ms; }
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}