/**
 * Application UI theme — semantic tokens (no hue in names).
 * Brand palette matches logo-medical.png: primary cyan #23B8E7, accent gold #FCBB01.
 *
 * Chrome / accent: shell (sidebar, navbars) + highlights
 * Action: primary buttons & focus on light surfaces (e.g. login)
 * Surfaces / text / border: forms and light pages
 * Danger: validation & destructive states
 */
:root {
    /* Chrome: darker cyan family (same hue as logo cyan, for gradients & bars) */
    --theme-chrome-deep: #043d4d;
    --theme-chrome-mid: #0a6f88;
    --theme-chrome-muted: #1599b8;

    /* Accent: logo gold + variants */
    --theme-accent: #fcbb01;
    --theme-accent-secondary: #e0a800;
    --theme-accent-subtle: #fff6d9;

    --theme-chrome-text: #e8f8fc;
    --theme-accent-foreground: #1e1a0d;
    --theme-on-inverse: #ffffff;

    /* Primary action = logo cyan */
    --theme-action: #23b8e7;
    --theme-action-hover: #1a9bc4;

    --theme-body-text: #122830;

    --theme-surface-backdrop: #f4fafc;
    --theme-surface-muted: #eef6f9;
    --theme-surface-card: #ffffff;
    --theme-surface-subtle: #e8f2f6;

    --theme-text-strong: #0f1720;
    --theme-text-muted: #5c6b74;
    --theme-text-subtle: #8a9ba3;
    --theme-text-label: #2c3d47;

    --theme-border-default: #dce8ee;
    --theme-border-hover: #c5d4dc;

    --theme-danger: #c23a3a;
    --theme-danger-bg: #fdeeee;
    --theme-danger-border: #f0c5c5;
    --theme-danger-text: #8f2929;
}