/* =============================================================
   DAWWAMA (دوّامة / dawwama.com) — IRAQ THEME · DESIGN TOKENS
   Brand: "the whirlpool" — the spiral the dinar-holder is caught in.
   Palette: DARK WATER + SOUK GOLD.
     · Deep petrol-teal ground = the vortex/dark water of the name.
     · Amber souk gold = the mithqal. Iraq IS a gold-check culture, so
       the warm accent is doing real product work, not decoration; it
       also stops the dark water reading as bleak.
     · Flag red is held back for down-ticks only — never brand chrome.
   Re-skin by editing ONLY this file.
   ============================================================= */
:root {
  /* ---- surfaces ---- */
  --paper:      #102630;   /* cards, hero, table body           */
  --panel:      #16323e;   /* table head / chip tint            */
  --card-bg:    #142c37;   /* small tinted cards (chips/tiles)  */
  --glass:      rgba(16, 38, 48, .72);
  --anchor-bg:  rgba(226, 170, 60, .10);   /* USD anchor row highlight */

  /* ---- lines ---- */
  --hairline:   #27454f;
  --line-soft:  #1b333d;
  --card-line:  #2c4c57;

  /* ---- text ---- */
  --ink:        #eef4f5;
  --ink-soft:   #d2dfe2;
  --muted:      #92a9b2;
  --faint:      #728e98;

  /* ---- brand ---- */
  --accent:      #e2aa3c;   /* souk gold / mithqal              */
  --accent-deep: #ad7b1b;
  --gold:        #e2aa3c;

  /* ---- semantics ---- */
  --up:   #35d6a4;
  --down: #ff6f6f;
  --flat: #92a9b2;

  /* ---- honesty (HELD / STALE) ---- */
  --hold-fg:   #f0d091;
  --hold-bg:   #382d14;
  --hold-line: #5c4a22;

  /* ---- trust band ---- */
  --trust-fg:   #7fd9d0;
  --trust-bg:   #0f2730;
  --trust-line: #23555c;

  /* ---- type ---- */
  --font: "Vazirmatn", "Segoe UI", system-ui, sans-serif;

  /* ---- shape / space ---- */
  --r-sm: 6px;
  --r-md: 9px;
  --r-lg: 11px;
  --pad: 14px;
  --page-max: 1360px;

  /* ---- background gradient ---- */
  --bg-grad-from: #0e2833;
  --bg-grad-to:   #040b10;
}

/* The whirlpool, stated quietly: a RADIAL wash that darkens outward, so
   the page reads as being drawn inward toward the numbers rather than
   lit from one corner. Overrides board.css's linear default (this file
   is linked after it). Fixed attachment keeps the centre steady while
   the board scrolls through it. */
body {
  background-image:
    radial-gradient(120% 90% at 50% 8%, #12303d 0%, #0b1f29 45%, #040b10 100%);
}