/* brand-tokens.css — single Khatt palette for Waqt.uk chrome (ADR 0002).

   Khatt is the canonical Waqt.uk brand (docs/adr/0001-khatt-brand-system.md):
   deep green + ivory, Arabic mark وقت, wordmark Waqt.uk. Hub Khatt / Design A
   (home-hub.css) and masjid chrome (header-contact.css, footer-meta.css,
   nav-mark.css) consume these --wq- tokens. Do not restate this hex list in
   home-hub.css.

   Only tokens live here — no selectors, no layout. Consumers always pass the
   same value as a var() fallback, so a page that never loads this file still
   renders Khatt. scripts/test_brand_tokens.py pins every fallback to the token
   it stands in for, and checks the Hub has no duplicate Khatt hex.

   Linked on the Hub from index.html; on masjid pages by Brand chrome delivery
   (generate adapter + brand-chrome.js). Masjid header gradients (color1 /
   color2, the "masjid accent") deliberately do not use these tokens. */

:root {
    /* Raw palette — the Hub aliases --wh-* at these values. */
    --wq-khatt-green-deep: #0b2a1f;   /* hub --wh-bg-a */
    --wq-khatt-green: #1a4a3a;        /* hub --wh-bg-b */
    --wq-khatt-sand: #ecdcb0;         /* hub --wh-teal under khatt */
    --wq-khatt-ivory: #fff3d6;        /* hub active chip text */

    --wq-khatt-green-deep-rgb: 11, 42, 31;
    --wq-khatt-green-rgb: 26, 74, 58;
    --wq-khatt-sand-rgb: 236, 220, 176;
    --wq-khatt-ivory-rgb: 255, 243, 214;

    /* Semantic roles used by the chrome stylesheets. */
    --wq-brand: var(--wq-khatt-green);                    /* accent on light surfaces */
    --wq-brand-rgb: var(--wq-khatt-green-rgb);
    --wq-brand-ink: var(--wq-khatt-green-deep);           /* text on ivory / frosted chips */
    --wq-brand-ink-rgb: var(--wq-khatt-green-deep-rgb);
    --wq-brand-on-dark: var(--wq-khatt-sand);             /* accent on dark surfaces */
    --wq-brand-on-dark-rgb: var(--wq-khatt-sand-rgb);
    --wq-brand-surface: var(--wq-khatt-ivory);            /* chip wash over a header */
    --wq-brand-surface-rgb: var(--wq-khatt-ivory-rgb);
}