/* alterBIT design tokens — single source of truth, loaded globally in _Host.cshtml.
   Defining CSS custom properties here is inert for pages that don't reference them
   (the public site is unaffected); the reserved areas (backoffice + client) consume
   them via var(). Keep colors here, not hardcoded in page <style> blocks. */
:root {
    /* Brand palette (Microsoft Fluent) */
    --primary-color: #0078d4;
    --primary-hover: #106ebe;
    --primary-active: #005a9e;
    --success-color: #107c10;
    --danger-color: #d13438;
    --warning-color: #ffb900;
    --info-color: #00b7c3;
    --secondary-color: #605e5c;

    /* Surfaces / text */
    --border-color: #edebe9;
    --surface-color: #ffffff;
    --background-color: #f3f2f1;
    --text-primary: #323130;
    --text-secondary: #605e5c;

    /* Elevation */
    --shadow-sm: 0 1.6px 3.6px 0 rgba(0,0,0,.132), 0 0.3px 0.9px 0 rgba(0,0,0,.108);
    --shadow-md: 0 3.2px 7.2px 0 rgba(0,0,0,.132), 0 0.6px 1.8px 0 rgba(0,0,0,.108);
    --shadow-lg: 0 6.4px 14.4px 0 rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108);

    /* Spacing scale (4px base) */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;

    /* Radius scale */
    --radius-control: 4px;
    --radius-card: 8px;
    --radius-pill: 999px;

    /* Soft "light" badge backgrounds */
    --badge-primary-bg: #deecf9;  --badge-primary-fg: #004578;
    --badge-success-bg: #dff6dd;  --badge-success-fg: #0b5a0b;
    --badge-danger-bg:  #fde7e9;  --badge-danger-fg:  #a4262c;
    --badge-warning-bg: #fff4ce;  --badge-warning-fg: #6b5900;
    --badge-info-bg:    #d8f5f8;  --badge-info-fg:    #006d76;
    --badge-neutral-bg: #f3f2f1;  --badge-neutral-fg: #323130;

    /* Optional warm accent (decorative only) */
    --client-accent: #0078d4;
}

/* Dark-mode parity for the reserved area (opt in via [data-theme="dark"]). */
[data-theme="dark"] {
    --border-color: #3b3a39;
    --surface-color: #252423;
    --background-color: #1b1a19;
    --text-primary: #f3f2f1;
    --text-secondary: #c8c6c4;

    --badge-primary-bg: #0b3a5c;  --badge-primary-fg: #9cc6ec;
    --badge-success-bg: #14361a;  --badge-success-fg: #92d99a;
    --badge-danger-bg:  #4a1d20;  --badge-danger-fg:  #f1a6ab;
    --badge-warning-bg: #4a3d00;  --badge-warning-fg: #ffd966;
    --badge-info-bg:    #11383c;  --badge-info-fg:    #7fd6dd;
    --badge-neutral-bg: #3b3a39;  --badge-neutral-fg: #f3f2f1;
}