/* RoundSeat design tokens: the one place the look is written down.
 * The shell (app.css) and the room (team-room.css) keep their own copies of the colour and radius values so they never wait on a second file;
 * test/htTokens.test.js fails if the copies drift from this file. Standalone pages (landing, public status page, and whatever the Stitch pass
 * produces) load this file and use only these names. Light is the default, dark follows the system.
 * Names kept from app.css: --bg --card --raised --text --text-2 --line --accent --accent-ink --ok --warn --bad --font.
 */
:root {
  /* colour, light */
  --bg: #F6F4F0;          /* Paper: page background */
  --card: #FFFFFF;        /* Surface: cards, sign-in card */
  --raised: #EFECE6;      /* Raised: hover, selected row, chips */
  --text: #1C1B19;        /* Ink */
  --text-2: #5A5651;      /* Ink Soft: helper text, metadata */
  --line: #E7E3DC;        /* Hairline: borders and dividers, 1px */
  --accent: #2563EB;      /* Table Blue: the one accent */
  --accent-ink: #FFFFFF;  /* text on the accent */
  --ok: #2E9E5B;          /* dots and fills, not small text */
  --warn: #D98A1C;
  --bad: #D2463C;
  --ok-ink: #1E7A45;      /* the status colours as TEXT: these keep 4.5:1 on Paper and Surface */
  --warn-ink: #8A4B00;
  --bad-ink: #B42318;
  --danger-solid: #B42318; /* the Stop everything button only */
  /* type */
  --font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --rs-fs-meta: 12px;     /* labels and meta (11.5 in dense rows) */
  --rs-fs-small: 13px;    /* helper and small body */
  --rs-fs-ui: 14px;       /* buttons, secondary body */
  --rs-fs-body: 15px;
  --rs-fs-title: 18px;    /* card title */
  --rs-fs-page: 22px;     /* page title */
  --rs-fs-word: 28px;     /* sign-in wordmark */
  --rs-fs-hero: 32px;     /* landing headline */
  --rs-track-tight: -0.035em; /* wordmark; headings use -0.02em */
  /* spacing, radius, shadow, motion */
  --rs-sp-1: 4px; --rs-sp-2: 8px; --rs-sp-3: 12px; --rs-sp-4: 16px; --rs-sp-5: 24px; --rs-sp-6: 32px;
  --rs-r-sm: 8px; --rs-r1: 10px; --rs-r2: 14px; --rs-r3: 20px; --rs-r-pill: 999px;
  --rs-shadow-pop: 0 8px 24px rgba(0, 0, 0, .18);  /* floating layers only; cards have no shadow */
  --rs-focus: 2px solid var(--accent);              /* with outline-offset 2px */
  --rs-tap: 44px;                                   /* smallest touch target */
  --rs-ease: cubic-bezier(.2, .8, .2, 1);
  --rs-t-fast: .15s;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121110; --card: #1C1B19; --raised: #262421; --text: #F4F1EC; --text-2: #ABA59C; --line: #34312D;
    --accent: #5B8CFF; --accent-ink: #0B1020;
    --ok-ink: #4ADE80; --warn-ink: #F4B84A; --bad-ink: #FF8A80;
    color-scheme: dark;
  }
}