/* ============================================================
   QAYEMA — design tokens (CSS variables)
   Loaded first. Defines :root + light/dark theme variables
   used by every portal stylesheet.
   ============================================================ */

:root {
  --gold:       #F8D38D;
  --gold-deep:  #E9BD66;
  --gold-soft:  #FCE7BC;
  --gold-grad:  linear-gradient(105deg, #FCE7BC 0%, #F8D38D 45%, #E9BD66 100%);

  /* El Messiri is the Arabic fallback in every stack: Latin glyphs use Geist /
     Instrument Serif, Arabic glyphs (absent from those) resolve to El Messiri. */
  --font-display: 'Instrument Serif', 'El Messiri', Georgia, 'Times New Roman', serif;
  --font-sans:    'Geist', 'El Messiri', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-ar:      'El Messiri', 'Geist', system-ui, sans-serif;

  --maxw: 1280px;
  --ease: cubic-bezier(.22,.61,.36,1);

}

/* ---- Themes ---- */
html[data-theme="light"] {
  --bg:        #FBFAF6;
  --surface:   #FFFFFF;
  --elevated:  #F6F4EE;
  --text:      #141109;
  --muted:     rgba(20,17,9,.60);
  --faint:     rgba(20,17,9,.40);
  --line:      rgba(20,17,9,.12);
  --line-2:    rgba(20,17,9,.06);
  --gold-on:   #B08A2C;            /* gold legible on light (text/labels) */
  --glow:      radial-gradient(60% 50% at 50% 0%, rgba(248,211,141,.18), transparent 70%);
  --shadow:    0 40px 90px -50px rgba(20,17,9,.45);
  --noise-op:  .035;
}
html[data-theme="dark"] {
  --bg:        #000000;
  --surface:   #0A0A0A;
  --elevated:  #111111;
  --text:      #F5F1E8;
  --muted:     rgba(245,241,232,.60);
  --faint:     rgba(245,241,232,.40);
  --line:      rgba(245,241,232,.12);
  --line-2:    rgba(245,241,232,.06);
  --gold-on:   #F8D38D;            /* the main gold, legible on black */
  --glow:      radial-gradient(60% 50% at 50% 0%, rgba(248,211,141,.24), transparent 70%);
  --shadow:    0 50px 100px -45px rgba(0,0,0,.85);
  --noise-op:  .05;
}