/* Capsule machine tokens: a bright toy, chunky ink outlines, hard offset shadows. */
:root {
  /* Room */
  --sky: #6ec6ff;
  --sky-pixel: #8fd4ff;
  --sky-deep: #4fb2f2;

  /* Machine */
  --tomato: #f0412f;
  --tomato-dark: #c42e1f;
  --tomato-light: #ff7a5c;
  --cream: #fff4dc;
  --cream-shade: #f3dfb6;
  --sunflower: #ffcc29;
  --sunflower-dark: #d99e00;
  --silver: #cfd6de;
  --silver-dark: #97a2b0;
  --silver-light: #eef2f6;
  --glass: rgb(255 255 255 / .34);
  --glass-shine: rgb(255 255 255 / .78);

  /* Ink and paper */
  --ink: #1d1d35;
  --ink-soft: #3a3a5c;
  --white: #ffffff;
  --dim: rgb(29 29 53 / .8);
  --led-bg: #1d1d35;
  --led-on: #ffcc29;
  --led-off: #3b3450;

  /* Rarity (frame colors come from the card data) */
  --rare-spark: #ffffff;
  --jackpot-shadow: #f0412f;

  /* Type */
  --font-ui: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "DejaVu Sans", "Liberation Sans", sans-serif;
  --font-led: ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;
  --weight-led: 800;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 26px;

  /* Lines, radii, shadows */
  --line: 3px;
  --line-thin: 2px;
  --outline: var(--line) solid var(--ink);
  --outline-thin: var(--line-thin) solid var(--ink);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-sm: 3px 3px 0 var(--ink);
  --shadow-md: 5px 5px 0 var(--ink);
  --shadow-lg: 8px 8px 0 var(--ink);
  --pixel-shadow: 2px 2px 0 var(--ink), 4px 4px 0 var(--ink);
  --pixel-shadow-big: 3px 3px 0 var(--jackpot-shadow), 6px 6px 0 var(--ink), 9px 9px 0 var(--ink);

  /* Sizes */
  --page-max: 1240px;
  --gutter: 16px;
  --coin: 64px;
  --arcade-button: 46px;
  --tap: 48px;
}