/* Monero Dog tokens. The only file in the project that holds colour literals.
   Provenance: every hex below was found by k-means (k=10 on the opaque pixels of the logo, k=8 on the cover banner),
   then snapped to the nearest real pixel of that source, so each value exists at the coordinate listed (x,y).
   src/palette.json carries the full table; the gates re-check this file against it.
   logo  = brand/LOGO MONERODOG PNG...png     banner = reference/SAMPUL MONERODOG JPG.jpg.jpeg
   --cream 1012,840 logo   --fur-hi 884,672 logo   --ink 1244,1020 logo   --fur 692,1192 logo   --sun 1036,700 logo
   --night-deep 387,144 banner   --night 1314,51 banner   --plum 240,348 banner   --glow 138,177 banner
   --ember 237,360 banner   --dusk 1020,201 banner   --storm 1227,30 banner   --loss 988,465 banner */
@font-face { font-family: "Sofia Sans Extra Condensed"; src: url("../fonts/sofia-sans-xcond-italic-latin.woff2") format("woff2"); font-weight: 700 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Host Grotesk"; src: url("../fonts/host-grotesk-latin.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

:root {
  /* colour, by role */
  --night: #131f39;
  --night-rgb: 19 31 57;
  --night-deep: #0f0a0e;
  --night-deep-rgb: 15 10 14;
  --storm: #243d75;
  --storm-rgb: 36 61 117;
  --fur: #ee8014;
  --fur-rgb: 238 128 20;
  --fur-hi: #fca935;
  --fur-hi-rgb: 252 169 53;
  --sun: #f6c067;
  --sun-rgb: 246 192 103;
  --glow: #ec7b2d;
  --glow-rgb: 236 123 45;
  --ember: #a74111;
  --ember-rgb: 167 65 17;
  --plum: #4d2116;
  --plum-rgb: 77 33 22;
  --dusk: #7c454a;
  --dusk-rgb: 124 69 74;
  --loss: #b54a38;
  --loss-rgb: 181 74 56;
  --cream: #fdf0d2;
  --cream-rgb: 253 240 210;
  --ink: #0a0605;
  --ink-rgb: 10 6 5;

  /* roles derived from the swatches by alpha only */
  --text: var(--cream);
  --mist: rgb(var(--cream-rgb) / 0.68);
  --line: rgb(var(--cream-rgb) / 0.18);
  --glass: rgb(var(--cream-rgb) / 0.06);
  --gain: var(--sun);

  /* type */
  --disp: "Sofia Sans Extra Condensed", "Arial Narrow", Impact, sans-serif;
  --body: "Host Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;
  --step--1: clamp(0.76rem, 0.72rem + 0.15vw, 0.84rem);
  --step-0: clamp(0.98rem, 0.94rem + 0.2vw, 1.1rem);
  --step-1: clamp(1.2rem, 1.06rem + 0.6vw, 1.6rem);
  --step-2: clamp(1.7rem, 1.3rem + 1.6vw, 2.6rem);
  --step-3: clamp(3rem, 2rem + 4.4vw, 6.4rem);
  --step-5: clamp(4.6rem, 2.6rem + 9vw, 12.5rem);
  --ca-size: clamp(1rem, 0.7rem + 1.5vw, 1.55rem);

  /* space and targets */
  --s-1: 0.5rem; --s-2: 1rem; --s-3: 1.5rem; --s-4: 2.5rem; --s-5: 4rem;
  --tap: 2.75rem;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --d-1: 150ms; --d-2: 300ms; --d-3: 600ms; --d-4: 900ms;
}