/**
 * PlaidCars — Brand token foundation  (Master Plan v3, PART IV)
 * CR-BRAND-IDENTITY-ROLLOUT — PHASE 0 (the keystone).
 *
 * THE one place the brand's colour + type + emirate tokens are defined. Every
 * downstream stylesheet/component (uae-system.css, plaidcars-cars.css, pc-home.css,
 * the plate deal-badge, the icon sprite) reads these tokens and NEVER hard-codes a
 * colour or font (§2.2.4 foundational, §6.6 assets-as-tokens). Loaded site-wide and
 * first. Pure :root custom properties — no layout rules — so it adds zero CLS and is
 * fully reversible (delete the enqueue to revert). Supersedes the v1 colour bits that
 * used to live in uae-system.css.
 *
 * ── §4.11 GUARDRAILS (brand-lint — reviewers check every brand change) ──────────────
 *   • Two colours only: brand red (--pc-red) + charcoal (--pc-charcoal) on white.
 *   • ONE red. Never add a second red or a gradient-heavy palette.
 *   • --pc-green is DEAL UI ONLY — never the logo, never a general accent.
 *   • On dark surfaces red is a FILLED SHAPE only — never red text or thin red lines.
 *   • Emirate theming = one lit thread: set --pc-emirate per listing; don't invent hues.
 *   • No emoji, no font glyphs anywhere (use the icon sprite). WhatsApp keeps its mark.
 *   • No palm / speed-swoosh / checkered-flag / religious clichés.
 *   • Numbers are ALWAYS Saira Semi Condensed (--pc-font-num): prices, rates, deal
 *     scores, plate codes, mileage, km.
 * ───────────────────────────────────────────────────────────────────────────────────
 */

:root {
    /* ---- Colour (§4.4) — two-colour discipline + deal-green + emirate accents ---- */
    --pc-red:            #990000;             /* the ONE red: CTAs, the mark, the live thread, accents */
    --pc-red-soft:       rgba(153, 0, 0, 0.6);
    --pc-charcoal:       #161616;             /* text + dark surfaces */
    --pc-ink:            var(--pc-charcoal);  /* supersede v1 #1A1A1A → brand charcoal */
    --pc-paper:          #ffffff;             /* base */
    --pc-green:          #1f9d55;             /* DEAL UI ONLY (§4.4 / §4.11) */

    /* Emirate accents (§4.4) — same mark, one lit thread changes colour (literal). */
    --pc-emirate-dubai:    #990000;
    --pc-emirate-abudhabi: #003d8f;
    --pc-emirate-sharjah:  #d97706;
    --pc-emirate-federal:  #000000;
    --pc-emirate:          var(--pc-emirate-dubai); /* default lit thread; set per listing emirate */

    /* ---- Typography (§4.5) — Saira display + Saira Semi Condensed numerals -------
       The @font-face FILES are added by BR-1 (self-hosted). These tokens already
       carry a complete system fallback, so they are safe to apply before the faces
       load (no FOIT/CLS). Archivo, then system sans, for long body copy.            */
    --pc-font-display: "Saira", "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --pc-font-body:    "Saira", "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --pc-font-num:     "Saira Semi Condensed", "Saira", system-ui, -apple-system, sans-serif;

    /* ---- Geometry ---- */
    --pc-radius:    6px;
    --pc-radius-sm: 4px;
    --pc-space:     8px;
}