/*
 * Rondo design tokens. Swapping the brand = editing this file only.
 * Brand: "Rondo" — One round at a time. Dark-first: an iPad on the floor should disappear.
 * Rule: the rest colour must be unmistakable from the work colour at a glance.
 *
 * Alternates (bg / text / work / rest):
 *   Tempo     #0B0B0C / #F5F5F0 / #C8FF2A / inverse white   — Swiss timetable, mono numerals
 *   Kettle    #FFF8EC / #1F3D2B / #E9B44C / forest          — cosy cookbook, light theme
 *   Sweatshop #000    / #FFF    / #FF5A00 / white flash     — brutalist, all caps
 *   Encore    #4A1526 / #F7E6E1 / #D4A853 / blush           — theatrical, French, serif italics
 */
:root {
  color-scheme: dark;

  --bg: #0f1a2b;
  --bg-elev: #16243a;
  --bg-elev-2: #1e2f4a;
  --fg: #f3ede3;
  --fg-muted: #a9b2c0;
  --fg-faint: #6b7686;

  --accent: #ff6b4a;          /* work */
  --accent-fg: #1a0b06;
  --accent-soft: rgba(255, 107, 74, .16);
  --rest: #4ad1b9;            /* rest */
  --rest-fg: #04201b;
  --rest-soft: rgba(74, 209, 185, .16);
  --warn: #ffcf5c;
  --warn-soft: rgba(255, 207, 92, .16);
  --danger: #ff5d6c;
  --danger-soft: rgba(255, 93, 108, .14);
  --line: rgba(243, 237, 227, .1);
  --line-strong: rgba(243, 237, 227, .2);

  /* Block kinds (detail/editor left rail) */
  --kind-circuit: var(--accent);
  --kind-straight: #9b8cff;
  --kind-interval: var(--warn);

  /* Player screens */
  --player-bg: var(--bg);
  --player-rest-bg: #0c2a26;
  --player-waiting-bg: #2a1a0c;
  --player-finished-bg: #1b1a2e;
  --player-number: clamp(72px, 14vw, 150px);

  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --tap: 56px;
  --gutter: 24px;

  --font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
  --wordmark-weight: 800;
  --heading-transform: none;
  --heading-style: normal;
}