/* حروف التحدي — design tokens (measured from the reference screens) */
:root {
  /* Background & surfaces */
  --bg: #070B14;
  --bg-top: #161617;
  --surface: #12161E;
  --surface-2: #15181F;
  --surface-3: #191B20;
  --surface-4: #1C1D21;
  --surface-tab: #090E19;

  /* Lines */
  --border: #313337;
  --border-soft: #282A30;
  --border-line: #23262D;

  /* Hero / duel */
  --hero-a: #192135;
  --hero-b: #131B2C;
  --hero-border: #5B4F3A;
  --duel-a: #1B1B31;
  --duel-b: #141528;
  --duel-border: #232339;

  /* Gold */
  --gold: #E4B04A;
  --gold-1: #F1C976;
  --gold-2: #DFAB46;
  --gold-3: #BC882E;
  --gold-text: #F3CE7E;
  --gold-code: #EDCF89;
  --gold-border: #5B4F3A;
  --gold-border-2: #604E2A;
  --gold-border-3: #58492B;
  --on-gold: #2A1C02;
  --gold-glow: 0 8px 24px rgba(228, 176, 74, .30);

  /* Ivory tiles */
  --tile-1: #F9F1DD;
  --tile-2: #F0E6D2;
  --tile-ink: #111726;
  --tile-edge: #C6B389;

  /* Text */
  --text: #F6F3EC;
  --text-2: #C7CEDC;
  --muted: #8D97AB;
  --placeholder: #4B5468;

  /* Status */
  --ok: #3FD6A8;
  --ok-bg: #1A3232;
  --ok-border: #22594E;
  --info: #5AA9FF;
  --info-bg: #1C2A3E;
  --bad: #FF6B7A;
  --bad-bg: #2F2435;
  --review: #A98BFF;
  --review-bar: #A88AFE;
  --review-track: #38374A;
  --inactive: #2A2D34;

  /* Radii */
  --r-sm: 11px;
  --r-md: 20px;
  --r-md2: 22px;
  --r-lg: 24px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Type */
  --font: "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif;
  --font-code: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;

  /* Layout & motion */
  --pad: 20px;
  --pad-tight: 16px;
  --app-max: 430px;
  --speed: 200ms;
  --ease: cubic-bezier(.2, .8, .2, 1);
}