/* ============================================================
   THEME — the only place colours are defined.
   NextQ Clinic: calm teal + navy (the café product uses yellow).
   Change a value here and every page (reception, patient page,
   owner panel, admin, sign-up, landing) follows.
   ============================================================ */

/* Light (default) */
:root {
  --bg: #f1f6f7;          /* page background */
  --panel: #e3eef0;       /* side panels */
  --card: #ffffff;        /* cards, dialogs, inputs' surroundings */
  --line: #d2e1e4;        /* borders, dividers */
  --ink: #13324a;         /* main text (navy) */
  --muted: #5b7584;       /* secondary text */

  --accent: #45b8ac;      /* brand teal: hero, presets, primary buttons */
  --accent-ink: #0d2c3d;  /* text on the accent */
  --ready: #4db87f;       /* "your turn" mint */
  --ready-ink: #0e2a1b;   /* text on solid mint */
  --ready-bg: #dcf0e4;    /* called card background */
  --ready-num: #1f7a4a;   /* big number on a called card */
  --ready-line: #9bd1b3;  /* outline on a called card */
  --called: #c9674d;      /* "called x min ago" */
  --red: #d24a3d;         /* errors, overdue, expired */
  --ok: #2f9a63;          /* success text */
  --amber: #a86a00;       /* warnings */
  --link: #0a84ff;
  --wa: #1fa855;          /* WhatsApp */
  --night: #133a52;       /* navy: buttons on the green "your turn" screen */

  --scrim: rgba(8, 24, 36, .55);
  --shadow: rgba(0, 0, 0, .45);
}

/* Dark follows the system */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0f2536; --panel: #143049; --card: #173852; --line: #24485f;
    --ink: #eef5f7; --muted: #9fb6c2;
    --ready-bg: #1f4a3d; --ready-num: #bff0d3; --ready-line: #4f7a6b;
    --called: #e8a58f; --red: #e0584b; --ok: #4db87f; --amber: #f6c755;
  }
}

/* Reception kiosk: always the dark navy look */
.kiosk {
  --bg: #0f2536; --panel: #143049; --card: #173852; --line: #24485f;
  --ink: #eef5f7; --muted: #9fb6c2;
  --ready-bg: #1f4a3d; --ready-num: #bff0d3; --ready-line: #4f7a6b;
  --called: #e8a58f; --red: #e0584b; --ok: #4db87f; --amber: #f6c755;
}