/*
Brand tokens — sourced from ALF-374 (Pharaohms brand kit v1.0, brand/tokens.json).
This is the one file to edit if the brand kit revs; nothing else in the
theme should hardcode a color/font, everything reads these variables.
*/
:root {
  /* Primary — Lapis */
  --phm-color-primary: #274fa5;      /* lapis-600 */
  --phm-color-primary-dark: #1f3f84; /* lapis-700 */
  /* Accent — Faience */
  --phm-color-accent: #39c6bf;       /* faience-500, large fills only */
  --phm-color-accent-dark: #257e7a;  /* faience-700, text-safe (4.8:1) */
  /* Neutral — Sand (warm, not slate) */
  --phm-color-bg: #ffffff;
  --phm-color-surface: #f8f7f7;      /* sand-50 */
  --phm-color-border: #dddad4;       /* sand-200 */
  --phm-color-text: #332f29;         /* sand-900, 13.3:1 on white */
  --phm-color-text-muted: #5b5448;   /* sand-700, 7.5:1 on white */
  /* Semantic */
  --phm-color-success: #2a7947;      /* success-700 */
  --phm-color-warning: #71480e;      /* warning-800, on warning-50 tint */
  --phm-color-error: #891a1e;        /* error-700 */

  /* Typography — IBM Plex Sans (Latin) + IBM Plex Sans Arabic (RTL-first) */
  --phm-font-arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", "Tajawal", system-ui, sans-serif;
  --phm-font-latin: "IBM Plex Sans", system-ui, sans-serif;
  --phm-font-mono: "IBM Plex Mono", monospace; /* SKUs, part numbers, electrical values */

  /* Spacing / radius shared across components */
  --phm-radius: 8px;
  --phm-space-1: 4px;
  --phm-space-2: 8px;
  --phm-space-3: 16px;
  --phm-space-4: 24px;
  --phm-space-5: 40px;

  --phm-header-height: 72px;

  /* Type scale (ALF-563 token sheet; mobile values, widened at >=768 below) */
  --phm-fs-body: 16px;
  --phm-lh-body: 1.65;
  --phm-fs-small: 14px;   /* 14/22 */
  --phm-fs-micro: 13px;   /* 13/20, meta only */
  --phm-fs-h1: 24px;
  --phm-lh-h1: 32px;
}
@media (min-width: 768px) {
  :root {
    --phm-fs-h1: 32px;
    --phm-lh-h1: 40px;
  }
}

/* ALF-577 G-4: Astra paints every default from --ast-global-color-0..8
   (blue #046BD2, Tailwind slate, #D1D5DB ...). Astra prints its own
   `:root{...}` inline; `html:root` outranks it regardless of source order, so
   every Astra default inherits the brand value without per-selector overrides. */
html:root {
  --ast-global-color-0: #1f3f84; /* accent -> lapis-700 */
  --ast-global-color-1: #183167; /* accent hover -> lapis-800 */
  --ast-global-color-2: #332f29; /* headings -> sand-900 */
  --ast-global-color-3: #5b5448; /* text / footer headings -> sand-700 */
  --ast-global-color-4: #ffffff;
  --ast-global-color-5: #f8f7f7; /* tint -> sand-50 */
  --ast-global-color-6: #332f29; /* was #111 -> sand-900 */
  --ast-global-color-7: #c5bfb5; /* borders (qty input) -> sand-300 */
  --ast-global-color-8: #332f29; /* was #111 -> sand-900 */
}