/*
 * Design tokens.
 * Brand values mirror gocollect.fun (ink, graphite, crate, rarity colours, type).
 * Tier metals are Holder Crates additions.
 */
:root {
  /* GoCollect */
  --ink: #121212;
  --graphite: #1d1d1d;
  --graphite-2: #242424;
  --line: #3d3d3d;
  --line-soft: rgba(255, 255, 255, 0.07);
  --mute: #828585;
  --soft: #b9bcbf;
  --paper: #e8eaed;
  --crate: #ff7c01;
  --crate-mid: #ba7205;
  --crate-deep: #83530d;
  --crate-hi: #ffb45c;
  --you: #5beaff;
  --done: #2ef098;
  --gold: #f2c14e;

  /* street crate rarity (from the game) */
  --t-common: #939393;
  --t-uncommon: #4d78e4;
  --t-rare: #ad8fff;
  --t-grail: #ff7c01;

  /* Holder Crate tier metals */
  --m-copper: #d98a5f;
  --m-bronze: #c99559;
  --m-silver: #cfd3d9;
  --m-gold: #f2c14e;
  --m-platinum: #e9edf6;
  --holo: linear-gradient(100deg, #ffa6c6, #5beaff 35%, #2ef098 65%, #ad8fff);

  /* type */
  --display: 'Urbanist', system-ui, sans-serif;
  --ui: 'Manrope', system-ui, sans-serif;

  /* shape */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 28px;
  --pill: 999px;

  /* layout */
  --container: 1240px;
  --gutter: clamp(18px, 4vw, 32px);
  --nav-h: 68px;
  --section-y: clamp(84px, 11vw, 150px);

  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.2, 0.9, 0.25, 1.25);

  color-scheme: dark;
}

[data-tier='copper'] { --tier: var(--m-copper); }
[data-tier='bronze'] { --tier: var(--m-bronze); }
[data-tier='silver'] { --tier: var(--m-silver); }
[data-tier='gold'] { --tier: var(--m-gold); }
[data-tier='platinum'] { --tier: var(--m-platinum); }