/* Monero Cat brand tokens. The site imports this file; the brand sheet renders from it.
   Colours sampled from the painting by Luis Buenaventura (Cryptopop). */
@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: #081d38;        /* sky, page, fog */
  --night-deep: #050c1a;   /* scrims behind copy, text on orange */
  --storm: #213254;        /* panels, hairlines */
  --fur: #ea7719;          /* Luke and anything you can do: buy, copy, suit up */
  --fur-hi: #ff8a2b;       /* hover state of the above */
  --sun: #f2ad39;          /* the M sun and the signal only */
  --moon: #f2ebdd;         /* text */
  --mist: #a9b4c8;         /* secondary text */
  --searchlight: #d8e9ff;  /* surveillance only: beams, "watched" labels */
  --line: rgba(169, 180, 200, 0.24);
  --glass: rgba(242, 235, 221, 0.06);

  /* type: a superhero title face and a clean text face; the CA alone uses the system mono */
  --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);

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

  /* motion (GSAP mirrors these as named CustomEases in main.js) */
  --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;
}
