/* Brand theme — shared by the app and the site.
   Espresso & crema: warm near-black, cream type, a caramel accent from the crema itself,
   champagne gold reserved for Pro, and a cool ice blue that only appears around iced coffee. */
@font-face { font-family: "Plex"; font-weight: 300; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-arabic-300-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Plex"; font-weight: 400; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Plex"; font-weight: 600; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Plex"; font-weight: 400; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2013-2014, U+2022, U+00B0; }
@font-face { font-family: "Plex"; font-weight: 600; font-display: swap; src: url(fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2013-2014, U+2022, U+00B0; }
@font-face { font-family: "Display"; font-weight: 500; font-display: swap; src: url(fonts/alexandria-arabic-500-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Display"; font-weight: 700; font-display: swap; src: url(fonts/alexandria-arabic-700-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Display"; font-weight: 500; font-display: swap; src: url(fonts/alexandria-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2013-2014, U+2022, U+00B0; }
@font-face { font-family: "Display"; font-weight: 700; font-display: swap; src: url(fonts/alexandria-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2013-2014, U+2022, U+00B0; }

:root {
  --bg: #0E0B09;
  --bg2: #15110E;
  --surface: #1C1814;
  --surface2: #252019;
  --line: #352D25;
  --text: #F3EADC;
  --muted: #A39483;
  /* accent (named --mint for history: every component already reads it) */
  --mint: #D9A46A;
  --mint2: #B97A45;
  --on-mint: #1C1006;
  --gold: #F0D9A8;
  --gold2: #C9974E;
  --on-gold: #1E1405;
  --ice: #9CCBE0;
  --sage: #A9C09E;
  --rose: #E07A6B;
  --glow: 0 14px 40px -14px rgba(217, 164, 106, .45);
  --gold-glow: 0 14px 40px -14px rgba(240, 200, 120, .5);
  --font: "Plex", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Display", "Plex", system-ui, sans-serif;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F7F2EB; --bg2: #EFE7DC; --surface: #FFFFFF; --surface2: #FAF6F0; --line: #E4D8C9;
    --text: #1F1711; --muted: #7B6B5B; --mint: #A8692F; --mint2: #8A5226; --on-mint: #FFF8EE;
    --gold: #C99A45; --gold2: #A0742A; --on-gold: #FFFBF2; --ice: #3E86A8; --sage: #5E7F52; --rose: #C2483A;
    --glow: 0 14px 34px -16px rgba(168, 105, 47, .5); --gold-glow: 0 14px 34px -16px rgba(185, 134, 47, .5);
    color-scheme: light;
  }
}