/* ============================================================
   UKPackaging Expo 2026 — THEME FILE
   This is the only file you need to touch to re-brand the app.
   Every page (form, ticket, badge, check-in, staff, admin)
   derives its colours, fonts and badge dimensions from here.
   ============================================================ */

:root {
  /* ---- Brand colours ---- */
  --ink: #01022e;          /* UKPackaging Expo navy */
  --ink-soft: #4e5274;     /* secondary text */
  --paper: #ffffff;        /* card / badge surface */
  --board: #f4f5fb;        /* cool off-white page background */
  --board-deep: #ebeef8;
  --green: #ff2a42;        /* primary actions, brand red */
  --green-dark: #cd0052;   /* hover / deep accent */
  --green-tint: #ff5f71;   /* light accent */
  --tape: #cd0052;         /* warnings, "not checked in" */
  --success: #168a45;      /* operational success, "checked in" */
  --success-soft: #e9f7ef;
  --line: #d6d9e8;         /* borders */
  --line-soft: #e7e9f2;

  /* ---- Typography (Google Fonts loaded per page) ---- */
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  /* ---- Shape ---- */
  --radius: 6px;

  /* ---- Badge sizing ----
     On-screen width of the badge preview: */
  --badge-screen-max-width: 380px;
  /* Printed badge width. 96mm fits a standard A6 (105×148mm) lanyard
     sleeve with a little clearance. Adjust to your actual stock and
     re-test with a real print run (see README "Badge print testing"). */
  --badge-print-width: 96mm;
  --badge-print-margin: 6mm;
  /* QR module size on the badge (screen px; scales with print) */
  --badge-qr-size: 150px;
}