/* Theme "foam", the official identity (docs/CARWASH.md §7 in nhmsv/nhmsv). Every colour and font of the UI is a
   token here; app.css uses tokens only. Dark mode follows the system unless [data-theme] says otherwise. */

/* Readex Pro (SIL OFL 1.1, fonts/OFL.txt), served from our own host: no third-party fonts under the CSP. */
@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/readex-pro-arabic-400-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/readex-pro-arabic-700-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/readex-pro-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/readex-pro-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --brand: #df4d2a;
  --brand-strong: #b83a1c;
  --on-brand: #ffffff;
  --ink: #1d1714;
  --bg: #fbf6f0;
  --surface: #ffffff;
  --muted: #6b5f58;
  --border: #eadfd5;
  --offer: #e8a317;
  --offer-bg: #fde2d6;
  --radius-card: 20px;
  --side-bg: #1d1714;
  --side-ink: #f6eee7;
  --side-muted: #b7a99f;
  --side-hover: #2c2420;
  --track: #efe4da;
  --font-body: "Readex Pro", system-ui, sans-serif;
  --font-heading: "Readex Pro", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #ff7a55;
    --brand-strong: #ff9c80;
    --on-brand: #14100e;
    --ink: #f6eee7;
    --bg: #14100e;
    --surface: #1f1916;
    --muted: #b7a99f;
    --border: #3a2f2a;
    --offer: #f5c04e;
    --offer-bg: #3a2a12;
    --side-bg: #0e0b0a;
    --side-hover: #241d19;
    --track: #3a2f2a;
  }
}

:root[data-theme="dark"] {
  --brand: #ff7a55;
  --brand-strong: #ff9c80;
  --on-brand: #14100e;
  --ink: #f6eee7;
  --bg: #14100e;
  --surface: #1f1916;
  --muted: #b7a99f;
  --border: #3a2f2a;
  --offer: #f5c04e;
  --offer-bg: #3a2a12;
  --side-bg: #0e0b0a;
  --side-hover: #241d19;
  --track: #3a2f2a;
}