/* Design tokens. Change the look of the whole product here. */
@font-face {
  font-family: "Inter RC";
  src: url("../../public/fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font: "Inter RC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --bg: #0a0a0c;
  --text: #f5f5f7;
  --muted: rgba(245, 245, 247, 0.62);
  --glass: rgba(255, 255, 255, 0.055);
  --glass-strong: rgba(255, 255, 255, 0.1);
  --line: rgba(255, 255, 255, 0.09);
  --pill-bg: #f5f5f7;
  --pill-text: #0a0a0c;
  --glow-a: rgba(255, 196, 0, 0.1);
  --glow-b: rgba(70, 120, 255, 0.12);
  --glow-c: rgba(255, 60, 50, 0.07);

  --accent: #ffc400;
  --accent-text: #0a0a0c;
  --ok: #3ddc84;
  --warn: #ffb020;
  --bad: #ff4d42;
  --none: #8a8a93;
  --bad-bg: #e5231a;

  --r-pill: 9999px;
  --r-tile: 18px;
  --r-card: 14px;
  --r-sm: 8px;
  --maxw: 1120px;
  --blur: saturate(160%) blur(22px);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

:root[data-theme="light"] {
  --bg: #f3f3f6;
  --text: #0a0a0c;
  --muted: rgba(10, 10, 12, 0.62);
  --glass: rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.95);
  --line: rgba(10, 10, 12, 0.1);
  --pill-bg: #0a0a0c;
  --pill-text: #f5f5f7;
  --glow-a: rgba(255, 196, 0, 0.18);
  --glow-b: rgba(70, 120, 255, 0.12);
  --glow-c: rgba(255, 60, 50, 0.08);
  --ok: #138a4a;
  --warn: #a35f00;
  --bad: #c4150c;
  --none: #6b6b73;
}