/* Coin Casino: CasinoPad's layout in royal blue. Cool white ground, deep navy ink, and an indigo-to-cyan gradient;
   casino red for red pockets and losses, green for the zero and for wins. Every colour, font, radius and easing the
   site uses is a token here; base.css, house.css and pages.css only read them. */
:root {
  color-scheme: light;

  --bg: #F6F8FD;
  --bg-2: #EEF2FB;
  --surface: #FFFFFF;
  --surface-2: #EDF1FA;

  --line: rgba(10, 12, 27, 0.08);
  --line-2: rgba(10, 12, 27, 0.14);

  --ink: #0A0C1B;
  --ink-2: #313650;
  --muted: #646B85;
  --dim: #9AA1B8;

  /* the names stay from CasinoPad's file; the colours are Coin Casino's own */
  --pk: #FF3D6E;            /* casino red: red pockets, losses */
  --mg: #06B6D4;            /* cyan: the gradient's end */
  --pu: #4F46E5;            /* indigo: links, labels, the gradient's start */
  --grad: linear-gradient(120deg, #4F46E5 0%, #3B82F6 50%, #06B6D4 100%);
  --accent: #4F46E5;
  --accent-2: #4338CA;
  --on-accent: #FFFFFF;
  --gold: #FFB800;

  --good: #10B26C;
  --bad: #FF3D6E;
  --warn: #B7791F;

  --font-display: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-text: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --display-weight: 800;
  --display-tracking: -0.045em;

  --r-sm: 10px;
  --r: 14px;
  --r-lg: 22px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --ring: 0 0 0 1px var(--line);
  --shadow: 0 0 0 1px var(--line), 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 28px 56px -40px rgba(20, 30, 90, 0.45);
  --shadow-2: 0 0 0 1px var(--line-2), 0 30px 60px -30px rgba(20, 30, 90, 0.55);

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --t-fast: 160ms;
  --t: 300ms;

  --wrap: 1300px;
  --gut: 24px;
  --top-h: 76px;
}