/* ==========================================================================
   CPME BRAND TOKENS — single source of truth for visual identity.
   Colors SAMPLED from the client-supplied screenshot of cpme-spac.com
   (hero sky-blue photo, white logo). The site itself was unreachable from
   the build sandbox, so fonts/radius are inferred and flagged below.
   ========================================================================== */
:root {
  --brand-verified: 0;            /* colors/logo from client screenshot; fonts+radius inferred */
  --color-primary: #71a9ca;        /* sampled: site hero sky blue (header) */
  --color-primary-contrast: #ffffff; /* logo is white on this blue */
  --color-on-header: #12293a;      /* header text: white on #71a9ca is only 2.55:1; this is 5.9:1 */
  --color-primary-deep: #2c6a8f;   /* derived darker shade of the same hue: buttons/text, white-on-it >= 4.5:1 */
  --color-accent: #9bbfd4;         /* sampled: lighter sky blue from hero gradient */
  --color-bg: #eef5fa;             /* derived light tint of brand blue */
  --color-surface: #ffffff;
  --color-text: #17303f;
  --color-muted: #50697a;
  --color-border: #d3e2ec;
  --color-live: #0b7a4b;           /* functional status only (live data) */
  --color-warn: #9a5b00;           /* functional status only */
  --radius: 10px;                  /* inferred */
  --radius-pill: 999px;            /* inferred */
  --font-latin: "Cairo", system-ui, sans-serif;   /* client-chosen; covers Latin + Arabic */
  --font-arabic: "Cairo", system-ui, sans-serif;  /* same family keeps AR/EN visually consistent */
  --logo-height: 48px;
  --logo-clear: 14px;              /* clear space around logo */
}