/*
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", "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;
}