/* ─── BOSSFYTE web tokens ────────────────────────────────────────────────
   Palette values are lifted verbatim from the app's App/Theme.swift so the
   site and the product are one system. Chrome stays neutral; colour lives on
   the cards, the tier gems, and the boss panel (docs/design.md R3/R4).
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* ground + chrome — neutral, de-greened */
  --ink: #000000;
  --panel: #101012;
  --panel-2: #17171a;
  --bone: #f2f2f4;
  --dim: #8a8a90;
  --dimmer: #55555c;
  --hair: rgba(255, 255, 255, 0.09);
  --hair-strong: rgba(255, 255, 255, 0.18);

  /* brand accents — sparse */
  --mint: #3be8c4;
  --violet: #7d39eb;
  --lime: #c6ff33;
  --pink: #ff3da6;

  /* tier metals (cards only) */
  --t-common: #8a8a90;
  --t-uncommon: #dde4e8;
  --t-rare: #e8c05a;
  --t-epic: #c9a6ff;
  --t-legendary: #3be8c4;

  /* the legendary oil-slick band — iridescence, not rainbow (R4) */
  --holo: conic-gradient(
    from 210deg,
    #3be8c4,
    #6fd0ff,
    #7d39eb,
    #b48cff,
    #3be8c4
  );

  /* type */
  --display: "Humane", "Haettenschweiler", "Arial Narrow", sans-serif;
  --body: "Switzer", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* rhythm */
  --gut: clamp(1.25rem, 4vw, 3.5rem);
  /* Reading width for every section below the card rail. The hero and the
     rail opt out of it — see .shell in base.css. */
  --maxw: 1440px;
  --rule: 1px;

  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

/* Mono microtype — the industrial registration voice. Always caps, always
   letterspaced, never larger than 12px. */
.mono {
  font-family: var(--mono);
  font-size: clamp(0.56rem, 0.72vw, 0.68rem);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 400;
}

/* Humane is only ever used large and all-caps (docs/design.md R3). */
.display {
  font-family: var(--display);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 0.78;
  letter-spacing: 0.005em;
}