/* ════════════════════════════════════════════════════════════════════════
   FAZAA — Brand tokens (customer site)
   ────────────────────────────────────────────────────────────────────────
   المصدر الوحيد لألوان الهوية على موقع العملاء. القيم منسوخة حرفياً من دليل
   الهوية البصرية الرسمي:
     artifacts/fazaa-admin/public/visual-identity/index.html   (:root)
     artifacts/fazaa-admin/public/visual-identity/assets/fazaa-logo.svg

   SINGLE SOURCE OF TRUTH for the customer site's brand colours. Every value
   below (except the two "readability tier" entries, see note) is copied
   VERBATIM from the official identity guide above — the same document partner
   companies print uniforms and van livery from.

   ⚠️ لا تكتب لوناً مباشرة في ملفات الصفحات. كل ملف يعرّف أسماءه الخاصة
      (--teal / --blue / --accent …) ويشير بها إلى الـ--fz-* هنا. سبب انحراف
      الموقع عن الهوية قبل هذا الملف أن كل صفحة كانت تحمل نسختها من الألوان.
      Never hardcode a brand hex in a page stylesheet — point that page's own
      semantic variable at an --fz-* token instead. The site drifted off the
      identity precisely because each page carried its own copy of the palette.

   Guarded by artifacts/api-server/src/__tests__/customers-portal-brand-identity.test.ts
   (values re-read from the identity guide at test time — the guide stays the
   source, the test only enforces it).
   ════════════════════════════════════════════════════════════════════════ */

:root {
  /* ───────── Identity core — verbatim from the official guide ─────────── */
  --fz-navy:         #0a1628;   /* wordmark + body ink            (18.13:1 on white) */
  --fz-sky:          #0ea5e9;   /* THE brand accent — the ز, glows, blobs, dots, borders */
  --fz-sky-bright:   #38bdf8;   /* highlight / pulse peak                              */
  --fz-sky-accent:   #7dd3fc;   /* electric highlight (the uniform's side stripe)       */
  --fz-sky-pale:     #bae6fd;   /* wordmark drop-shadow (logo SVG flood-color)          */
  --fz-sky-tint:     #e0f2fe;   /* soft chips / illustration fills (guide --patch-bg)   */
  --fz-base:         #eafaff;   /* page base                                           */
  --fz-base-end:     #f0fbff;   /* aurora gradient end                                 */
  --fz-gold:         #c9a96a;   /* gold accent                                         */
  --fz-ink-dim:      #3a5260;   /* secondary text (guide --text-dim)                   */
  --fz-success:      #10b981;
  --fz-danger:       #ef4444;
  --fz-glass:        rgba(255,255,255,0.66);
  --fz-glass-border: rgba(255,255,255,0.72);

  /* ───────── Readability tier — same sky ramp, two steps darker ─────────
     الهوية تحدد #0ea5e9 كلون العلامة، وهو أفتح من أن يحمل نصاً أبيض فوقه
     (2.77:1 — تحت الحد). فالأزرار الممتلئة والنص الأزرق تستخدم درجتين أغمق من
     نفس العائلة (sky-700 / sky-600) — لون واحد بثلاث درجات، لا لونان.

     #0ea5e9 is the identity's accent but is too light to carry white text
     (2.77:1 — below the 3:1 floor). Solid fills that carry white text, and
     teal text on light, use these two darker steps of the SAME sky ramp.
     RULE: white text/glyph on a solid fill → --fz-sky-deep → --fz-sky-strong.
           anything decorative (blobs, glows, the ز, dots, borders, focus
           rings, tints) → --fz-sky / --fz-sky-bright.
     ──────────────────────────────────────────────────────────────────────── */
  --fz-sky-deep:     #0369a1;   /* sky-700 · 5.93:1 on white — teal TEXT + dark end of white-text fills */
  --fz-sky-strong:   #0284c7;   /* sky-600 · 4.10:1 on white — light end of white-text fills            */

  /* ───────── Alpha derivations of --fz-sky (decorative only) ───────────── */
  --fz-sky-a05:      rgba(14,165,233,.05);
  --fz-sky-a08:      rgba(14,165,233,.08);
  --fz-sky-a12:      rgba(14,165,233,.12);
  --fz-sky-a18:      rgba(14,165,233,.18);
  --fz-sky-a22:      rgba(14,165,233,.22);
  --fz-sky-a30:      rgba(14,165,233,.30);
  --fz-sky-a35:      rgba(14,165,233,.35);
  --fz-sky-a40:      rgba(14,165,233,.40);
  /* shadows cast BY the white-text fills track the darker end (sky-700) */
  --fz-deep-a45:     rgba(3,105,161,.45);
  --fz-deep-a50:     rgba(3,105,161,.50);
  --fz-deep-a60:     rgba(3,105,161,.60);
}