/* ============================================================
   THEME — the only place colours are defined.
   Change a value here and every page (cashier, pager, owner
   panel, admin, sign-up, landing) follows.
   ============================================================ */

/* Light (default) */
:root {
  --bg: #f4f1e8;          /* page background */
  --panel: #eae6da;       /* side panels */
  --card: #ffffff;        /* cards, dialogs, inputs' surroundings */
  --line: #d9d4c4;        /* borders, dividers */
  --ink: #16292f;         /* main text */
  --muted: #5f7479;       /* 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: #1f7a4a;   /* big number on a ready card */
  --ready-line: #9bd1b3;  /* outline on a ready card */
  --called: #c9674d;      /* "called x min ago" salmon */
  --red: #d24a3d;         /* errors, overdue, expired */
  --ok: #2f9a63;          /* success text */
  --amber: #a86a00;       /* warnings */
  --link: #0a84ff;
  --wa: #1fa855;          /* WhatsApp */
  --night: #1d3a42;       /* dark teal: buttons on the green "ready" screen */

  --scrim: rgba(10, 24, 28, .55);
  --shadow: rgba(0, 0, 0, .45);
}

/* Dark follows the system */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #16292f; --panel: #1b3a42; --card: #1e3b42; --line: #2b4a52;
    --ink: #f3f1ea; --muted: #9db2b4;
    --ready-bg: #234b40; --ready-num: #bff0d3; --ready-line: #4f7a6b;
    --called: #e8a58f; --red: #e0584b; --ok: #4db87f; --amber: #f6c755;
  }
}

/* Cashier kiosk: always the dark teal look */
.kiosk {
  --bg: #16292f; --panel: #1b3a42; --card: #1e3b42; --line: #2b4a52;
  --ink: #f3f1ea; --muted: #9db2b4;
  --ready-bg: #234b40; --ready-num: #bff0d3; --ready-line: #4f7a6b;
  --called: #e8a58f; --red: #e0584b; --ok: #4db87f; --amber: #f6c755;
}