/* ============================================================
   THEME — the only place colours are defined.
   NextQ Café — NextQ brand kit v1.0 (palette/nextq-tokens.css): ink #16292F, paper #F5F3EE,
   accent Café Yellow #F6C755, ready = Ping Green #4DB87F.
   Change a value here and every page (cashier, pager, owner
   panel, admin, sign-up, landing) follows.
   ============================================================ */

/* Light (default) */
:root {
  --bg: #f5f3ee;          /* page background */
  --panel: #ebe8e0;       /* side panels */
  --card: #ffffff;        /* cards, dialogs, inputs' surroundings */
  --line: #dcd8cd;        /* borders, dividers */
  --ink: #16292f;         /* main text */
  --muted: #55666b;       /* secondary text */

  --accent: #f6c755;      /* brand yellow: hero, presets, primary buttons */
  --accent-ink: #16292f;  /* text on the accent */
  --ready: #4db87f;       /* "ready" mint */
  --ready-ink: #0e2a1b;   /* text on solid mint */
  --ready-bg: #dcf0e4;    /* ready card background */
  --ready-num: #317a53;   /* big number on a ready card */
  --ready-line: #9bd1b3;  /* outline on a ready card */
  --called: #c9674d;      /* "called x min ago" salmon */
  --red: #c63b2e;         /* errors, overdue, expired */
  --ok: #317a53;          /* success text */
  --amber: #ab560e;       /* warnings */
  --link: #0a84ff;
  --wa: #1fa855;          /* WhatsApp */
  --night: #16292f;       /* dark teal: buttons on the green "ready" screen */

  --scrim: rgba(14, 28, 33, .55);
  --shadow: rgba(0, 0, 0, .45);
}

/* Dark follows the system */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e1c21; --panel: #132a31; --card: #16292f; --line: #24404a;
    --ink: #f2f0ea; --muted: #9daeb2;
    --ready-bg: #1d4334; --ready-num: #bff0d3; --ready-line: #3e9a69;
    --called: #e8a58f; --red: #db6e63; --ok: #4db87f; --amber: #ee8a35;
  }
}

/* Cashier kiosk: always the dark teal look */
.kiosk {
  --bg: #0e1c21; --panel: #132a31; --card: #16292f; --line: #24404a;
  --ink: #f2f0ea; --muted: #9daeb2;
  --ready-bg: #1d4334; --ready-num: #bff0d3; --ready-line: #3e9a69;
  --called: #e8a58f; --red: #db6e63; --ok: #4db87f; --amber: #ee8a35;
}