/**
 * QuicKafe — Site Theme (LIGHT)
 * /home/qk/public_html/assets/qk-theme.css
 *
 * Single source of truth for the storefront palette. Every storefront
 * page links this file; per-page :root blocks were removed.
 * To retheme the whole site, edit the --qk-* role values below.
 *
 * ROLES (use these in new code):
 *   --qk-bg        page background          (cream paper)
 *   --qk-panel     alt/section background   (slightly deeper cream)
 *   --qk-card      card/tile background     (near-white warm)
 *   --qk-ink       primary text             (espresso)
 *   --qk-ink-2     secondary text
 *   --qk-muted     muted text / hints
 *   --qk-gold      brand gold — fills, buttons (espresso text on top)
 *   --qk-gold-ink  brand gold as TEXT/links — deepened for contrast on light
 *   --qk-line      hairline borders
 *
 * LEGACY ALIASES: the old dark-theme variable names used throughout the
 * page styles are mapped onto the roles so existing CSS flips without
 * edits. The names no longer describe their colors (--cream is now the
 * dark ink!) — treat them as roles, and prefer --qk-* going forward.
 */
:root{
  /* roles */
  --qk-bg:#FAF4E6;
  --qk-panel:#F1E7D2;
  --qk-card:#FFFDF7;
  --qk-ink:#1A0F00;
  --qk-ink-2:#4A3A26;
  --qk-muted:#8A7A63;
  --qk-gold:#C9952A;
  --qk-gold-ink:#A8781C;
  --qk-line:rgba(26,15,0,.12);

  /* legacy aliases (historic names — see header note) */
  --espresso:var(--qk-bg);      /* was: page bg (dark) — still the page bg   */
  --cream:var(--qk-ink);        /* was: primary text — still primary text    */
  --mist:var(--qk-ink-2);       /* was: secondary text — still secondary     */
  --smoke:var(--qk-muted);      /* was: muted text — still muted             */
  --roast:var(--qk-panel);      /* was: deep panel bg — still panel bg       */
  --card:var(--qk-card);        /* card bg                                    */
  --gold:var(--qk-gold);        /* gold fills/buttons                         */
  --gold-lt:var(--qk-gold-ink); /* was: light gold text — now DEEP gold text  */
  --border:var(--qk-line);      /* hairlines                                  */

  /* status colors tuned for light backgrounds */
  --qk-green:#2E7D32;
  --qk-red:#B3261E;
}