/* ============================================================================
   KHALDOUN — Colour modes (light + dark), the single shared palette.
   Loaded on EVERY page, before the page's own stylesheets. <html data-theme>
   is set before first paint by the inline line at the top of each <head>
   (the visitor's choice from the header toggle, stored as kh-theme; otherwise
   the device setting). Each page keeps its own dark canvas as drawn and maps
   its tokens onto these --kh-* values for light mode, so a change here
   changes every page.
   ========================================================================== */
/* <html data-theme="light|dark"> is set before first paint by the inline line in
   each page's <head> (visitor's choice from the header toggle, else the device
   setting). Dark is the site's original scheme. Pages keep their own dark canvas
   and map their tokens onto these --kh-* values for light mode, so a change here
   changes every page. Brand Book: bone + near-black dominate, forest green is
   secondary, burnt orange and deep red-brown are punctuation only. Green and
   red-brown are too dark to read on the dark canvas, so dark mode swaps them for
   the site's gold and a pale terracotta. */
:root{
  color-scheme:dark;
  --kh-bg:#1a1714;            /* page canvas */
  --kh-bg-alt:#211d1a;        /* alternate band */
  --kh-surface:#28221f;       /* cards on the canvas */
  --kh-fg:#f1ece5;            /* text */
  --kh-fg-soft:rgba(241,236,229,.82);
  --kh-muted:rgba(241,236,229,.64);
  --kh-faint:rgba(241,236,229,.4);
  --kh-line:rgba(241,236,229,.15);
  --kh-line-soft:rgba(241,236,229,.08);
  --kh-accent:#c9a96e;        /* eyebrows, links, display accents (light mode: forest) */
  --kh-warm:#d69a7c;          /* pull lines (light mode: deep red-brown) */
  --kh-mark:#c4470e;          /* numerals, stars, dots — small marks only, both modes */
  --kh-band:#100e0d;          /* dark bands stay dark in both modes */
  --kh-card:#2a2421;          /* dark cards */
  --kh-btn:#f1ece5; --kh-btn-fg:#231f20; --kh-btn-hover:#ffffff;
  --kh-bar:rgba(26,23,20,.9); /* header bar */
  --kh-focus:#c9a96e;
}
:root[data-theme="light"]{
  color-scheme:light;
  --kh-bg:#f1ece5;
  --kh-bg-alt:#e8e1d7;
  --kh-surface:#faf7f2;
  --kh-fg:#231f20;
  --kh-fg-soft:rgba(35,31,32,.82);
  --kh-muted:rgba(35,31,32,.66);
  --kh-faint:rgba(35,31,32,.4);
  --kh-line:rgba(35,31,32,.14);
  --kh-line-soft:rgba(35,31,32,.08);
  --kh-accent:#435301;
  --kh-warm:#4e0403;
  --kh-band:#231f20;
  --kh-card:#2d2829;
  --kh-btn:#231f20; --kh-btn-fg:#f1ece5; --kh-btn-hover:#3a3334;
  --kh-bar:rgba(241,236,229,.92);
  --kh-focus:#c4470e;
}