/* Rust.camp design tokens - single source for the web (web/css/tokens.css is a copy of this file).
   Mirrors brand/tokens.json. In-game equivalents: RetakeUi.Tk in CobraArenaHub.cs (see tokens.json "ingame").
   Dark by design: the brand lives on Camp Night (#0b0d10); light values are for print/Sand surfaces only. */
:root {
  /* surfaces */
  --rc-bg: #0b0d10;              /* Camp Night */
  --rc-bg-2: #0f1216;
  --rc-bg-3: #06080a;
  --rc-glass: rgba(255, 255, 255, 0.04);
  --rc-glass-2: rgba(255, 255, 255, 0.07);
  --rc-line: rgba(255, 255, 255, 0.08);
  --rc-line-2: rgba(255, 255, 255, 0.14);
  /* text */
  --rc-ink: #eef1f5;             /* 17.2:1 on bg */
  --rc-ink-2: #aab2bf;           /* 9.1:1 */
  --rc-ink-3: #7c8593;           /* 5.2:1 - minimum for small text (AA) */
  /* brand colours */
  --rc-ember: #ff7f00;           /* Rust.camp primary = Retake accent, 7.7:1 on bg */
  --rc-ember-2: #ffa040;         /* hover / gradient top */
  --rc-ember-3: #d96b00;         /* pressed */
  --rc-ember-ink: #130a00;       /* text on Ember, 7.7:1 */
  --rc-ember-soft: rgba(255, 127, 0, 0.16);
  --rc-rust: #b8451f;            /* deep rust: shadows, gradients - never small text on dark */
  --rc-sand: #e9dcc8;            /* warm light neutral */
  /* status */
  --rc-ok: #4fd18b;
  --rc-warn: var(--rc-ember);
  --rc-danger: #e5484d;
  --rc-info: #76aaff;
  /* rank tiers */
  --rc-tier-bronze: #c47a3e;
  --rc-tier-silver: #c4cad4;
  --rc-tier-gold: #f0c440;
  --rc-tier-platinum: #6ed6ce;
  --rc-tier-diamond: #76aaff;
  --rc-tier-elite: #be70ff;
  --rc-tier-legend: var(--rc-ember);
  /* type */
  --rc-font-display: "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;  /* = in-game font */
  --rc-font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --rc-track-wordmark: 0.035em;  /* RUST.CAMP */
  --rc-track-display: 0.06em;    /* RETAKE, section titles in caps */
  --rc-track-caps: 0.12em;       /* eyebrows, pills */
  /* shape & spacing */
  --rc-radius: 16px;
  --rc-radius-sm: 10px;
  --rc-radius-pill: 999px;
  --rc-grid: 8px;
  --rc-wrap: 1180px;
  --rc-gutter: 16px;
  --rc-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  --rc-glow-ember: 0 0 18px rgba(255, 127, 0, 0.7);
}