/* control-plane/public/css/tokens.css
 *
 * Copied from mma-webapp-sample/css/tokens.css -- the kiosk's system, and
 * the clinic's identity. Copied rather than imported because the dashboard
 * and the kiosk are separate Pages projects on different domains: a
 * cross-origin stylesheet would add a render-blocking request to another
 * host for a file that changes about once a year.
 *
 * If the kiosk's tokens change, change these to match. The values are the
 * contract, not the file.
 */
:root {
    --color-cream: #D6C8BC;
    --color-gold: #BC996A;
    --color-navy: #35495E;
    --color-offwhite: #FBF9F6;
    --color-ink: #2C2620;
    --color-muted: #8A8478;
    --color-error: #B4553C;
    --color-gradient-light: #F4E7CA;

    /* Dashboard-only additions. The kiosk has no tables or status pills, so
       these have no counterpart to drift from. */
    --color-surface: #FFFFFF;
    --color-surface-alt: #FAF8F5;
    --color-rule: rgba(44, 38, 32, 0.09);
    --color-rule-strong: rgba(44, 38, 32, 0.14);
    --color-ok: #4F7A5B;
    --color-ok-bg: #E2EDE5;
    --color-warn-bg: #F4E7CA;
    --color-warn-ink: #6E5526;
    --color-neutral-bg: #EDF0F3;

    --font-serif: "Times New Roman", Times, Georgia, serif;
    --font-sans: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;

    --radius-card: 16px;
    --radius-pill: 999px;
    --shadow-card: 0 4px 20px rgba(44, 38, 32, 0.08);
    --shadow-soft: 0 3px 14px rgba(44, 38, 32, 0.05);

    /* The house curve: decelerates, never overshoots. A clinical tool should
       not bounce. */
    --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-quick: 240ms;
    --dur-base: 520ms;

    --sidebar-w: 190px;
}