/* Noor Web v2 tokens — the 14 design tokens, exactly (notes/brief-web.md), plus
   the design's only two other values: the popover shadow and the drawer scrim.
   Logos keep their own colours. Nothing else. */
:root {
  --bg: #000000;
  --surface-1: #1C1C1E;
  --surface-2: #2C2C2E;
  --surface-3: #3A3A3C;
  --text-1: #F5F5F7;
  --text-2: rgba(235,235,245,.60);
  --text-3: rgba(235,235,245,.45);
  --hairline: rgba(255,255,255,.08);
  --divider: rgba(255,255,255,.06);
  --gold: #E3BA66;
  --gold-pressed: #C9A04F;
  --on-gold: #1A1406;
  --focus-ring: rgba(227,186,102,.40);
  --red: #FF453A;

  --shadow-pop: rgba(0,0,0,.5);
  --scrim: rgba(0,0,0,.6);
}