@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/inter-variable.woff2") format("woff2"), url("../../assets/fonts/Inter.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../../assets/fonts/jetbrains-mono-variable.woff2") format("woff2"), url("../../assets/fonts/JetBrainsMono.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --pack-rare-blue: #2F7BFF;
  --pack-rare-navy: #0B2A6F;
  --pack-rare-fluid: #7FB2FF;
  --pack-rare-leak: #E1EFFF;
  /* surfaces */
  --bg: #08080A;
  --bg-elev: #0E0E11;
  --surface: #111114;
  --surface-2: #17171B;
  --glass: rgba(255,255,255,.06);
  --glass-strong: rgba(255,255,255,.09);
  --hairline: rgba(255,255,255,.10);
  --hairline-strong: rgba(255,255,255,.16);
  --keyline: #020203;

  /* text */
  --text: #F5F5F7;
  --text-dim: #8E8E93;
  --text-faint: #48484A;
  --highlight: #FFFFFF;

  /* Achievement accents share the existing saved color/mono preference. */
  --achievement-common-rgb: 139, 216, 202;
  --achievement-uncommon-rgb: 152, 219, 169;
  --achievement-rare-rgb: 163, 183, 255;
  --achievement-legendary-rgb: 255, 205, 133;
  --achievement-weekly-rgb: 199, 169, 255;
  --achievement-recurring-rgb: 125, 220, 224;
  --achievement-pinned-rgb: 239, 168, 198;
  --achievement-reward-rgb: 255, 211, 145;

  /* type */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* radii (inner = outer - padding, keep nested corners concentric) */
  --r-card: 20px; --r-pack: 22px; --r-sheet: 28px; --r-button: 12px; --r-chip: 999px;

  /* spacing (4 px base) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px;

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 150ms; --t-ui: 250ms; --t-sheet: 500ms; --t-fade: 600ms;

  /* shadows (always layered: tight + medium + wide) */
  --shadow-1: 0 1px 2px rgba(0,0,0,.5), 0 6px 16px rgba(0,0,0,.35);
  --shadow-2: 0 2px 4px rgba(0,0,0,.5), 0 12px 28px rgba(0,0,0,.4), 0 32px 64px rgba(0,0,0,.35);

  /* light source: top-left. Vector points from the lamp toward the scene. */
  --lamp-x: 0.6; --lamp-y: 0.8;

  /* z layers */
  --z-grid: 0; --z-menu: 10; --z-sheet: 30; --z-stage: 40; --z-toast: 50; --z-cursor: 60;
}
:root[data-rarity-color="mono"] {
  --achievement-common-rgb: 190, 190, 190;
  --achievement-uncommon-rgb: 190, 190, 190;
  --achievement-rare-rgb: 190, 190, 190;
  --achievement-legendary-rgb: 210, 210, 210;
  --achievement-weekly-rgb: 190, 190, 190;
  --achievement-recurring-rgb: 190, 190, 190;
  --achievement-pinned-rgb: 210, 210, 210;
  --achievement-reward-rgb: 210, 210, 210;
}