/* =============================================================================
   PROVEN DESIGN TOKENS — the one place concrete color values are allowed in
   Proven.UI.Shared css (styles.css itself is var-only per its color policy).
   Consumed by ClientPortal (_Host.cshtml) AND the Patient Portal (App.razor via
   _content/Proven.UI.Shared/css/variables.css) — keep values app-agnostic.

   Defined on ':root, body' deliberately: var() substitutes where a property is
   DEFINED, so without the body selector the kendo refs freeze at html and
   body.theme-X overrides (EHR themes) never reach these tokens.

   The var(--kendo-*, #hex) fallbacks are the portal story: the portal loads the
   stock Kendo Fluent CDN theme and does not define the EHR's --kendo-* scale,
   so the hex defaults apply there; in the EHR the kendo/theme values win.
   ============================================================================= */
:root, body {
    --proven-status-neutral-bg: var(--kendo-neutral-20, #f3f4f6);
    --proven-status-neutral-border: var(--kendo-neutral-50, #d1d5db);
    --proven-status-neutral-fg: var(--kendo-neutral-130, #374151);
    --proven-status-primary-bg: var(--kendo-primary-20, #ede9fe);
    --proven-status-primary-border: var(--kendo-primary-50, #c4b5fd);
    --proven-status-primary-fg: var(--kendo-primary-130, #4c1d95);
    --proven-status-success-bg: var(--kendo-success-20, #d1fae5);
    --proven-status-success-border: var(--kendo-success-50, #6ee7b7);
    --proven-status-success-fg: var(--kendo-success-130, #065f46);
    --proven-status-warning-bg: var(--kendo-warning-20, #fef3c7);
    --proven-status-warning-border: var(--kendo-warning-50, #fcd34d);
    --proven-status-warning-fg: var(--kendo-warning-130, #92400e);
    --proven-status-error-bg: var(--kendo-error-20, #fee2e2);
    --proven-status-error-border: var(--kendo-error-50, #fca5a5);
    --proven-status-error-fg: var(--kendo-error-130, #991b1b);
    /* info scale is absent from the base kendo theme in BOTH apps */
    --proven-status-info-bg: var(--kendo-info-20, #dbeafe);
    --proven-status-info-border: var(--kendo-info-40, #93c5fd);
    --proven-status-info-fg: var(--kendo-info-130, #1e40af);
    --proven-status-muted-bg: var(--kendo-neutral-10, #f8f9fa);
    --proven-status-muted-border: var(--kendo-neutral-40, #dee2e6);
    --proven-status-muted-fg: var(--kendo-neutral-90, #6c757d);

    /* Non-state palette for badges whose color is only a visual key (assignment may change). */
    --proven-accent-1-bg: #ede9fe; --proven-accent-1-border: #c4b5fd; --proven-accent-1-fg: #5b21b6;
    --proven-accent-2-bg: #ccfbf1; --proven-accent-2-border: #5eead4; --proven-accent-2-fg: #115e59;
    --proven-accent-3-bg: #fce7f3; --proven-accent-3-border: #f9a8d4; --proven-accent-3-fg: #9d174d;
    --proven-accent-4-bg: #e0e7ff; --proven-accent-4-border: #a5b4fc; --proven-accent-4-fg: #3730a3;
    --proven-accent-5-bg: #ecfccb; --proven-accent-5-border: #bef264; --proven-accent-5-fg: #3f6212;
    --proven-accent-6-bg: #cffafe; --proven-accent-6-border: #67e8f9; --proven-accent-6-fg: #155e75;
    --proven-accent-7-bg: #ffedd5; --proven-accent-7-border: #fdba74; --proven-accent-7-fg: #9a3412;
    --proven-accent-8-bg: #e2e8f0; --proven-accent-8-border: #94a3b8; --proven-accent-8-fg: #334155;
}