/* Hadi color system for the service landings (2026-10-20).
   Load after ../_ref/site.css. Brand source: _ref/site.css (--accent, --navy, --sand-*). */
:root{
  /* Primary: Hadi blue (site.css --accent), strong, full-bleed sections */
  --hc-primary:#2d64d8;        /* white text on it: 5.35:1 (AA) */
  --hc-primary-2:#4f7fe6;      /* lighter stop for gradients */
  --hc-primary-dark:#092245;   /* Hadi navy, dark sections; white text: 15:1 */
  --hc-primary-tint:#e7eefc;   /* light colored section background; navy text: 13.6:1 */
  --hc-primary-tint-2:#cfdcf7; /* cards on the tint */
  /* Secondary, readable on light backgrounds (not white) */
  --hc-secondary:#b0552f;      /* terracotta from the Hadi desert palette; on white 5.0:1, on paper 4.7:1 (AA); not on the tint (4.3:1) */
  --hc-secondary-tint:#f6e3d8;
  /* Warm neutrals from the brand */
  --hc-sand:#ede2d7;           /* sand section; navy text 12:1 */
  --hc-paper:#faf8f6;          /* page background (never pure white on white) */
  --hc-ink:#0b1424;            /* body text on light */
  --hc-gold:#F5B83D;           /* highlight on dark only (navy: 8.9:1; never on primary: 3.0:1) */
  /* Gradients */
  --hc-hero-grad:radial-gradient(circle farthest-side at 50% 0%, var(--hc-paper) 50%, transparent),
                 linear-gradient(0deg, var(--hc-paper), var(--hc-primary-2) 23%, var(--hc-primary) 75%, #fff);
  --hc-glow:radial-gradient(closest-side, rgba(45,100,216,.22), transparent);
  --hc-card-grad:linear-gradient(150deg, var(--hc-primary) 0%, var(--hc-primary-dark) 100%);
}
/* Section backgrounds, to alternate */
.hc-primary{background:var(--hc-primary);color:#fff}
.hc-dark{background:var(--hc-primary-dark);color:#fff}
.hc-tint{background:var(--hc-primary-tint);color:var(--hc-ink)}
.hc-sand{background:var(--hc-sand);color:var(--hc-ink)}
.hc-paper{background:var(--hc-paper);color:var(--hc-ink)}
/* Accent word in titles */
.hc-acc{color:var(--hc-primary);font-style:italic}
.hc-primary .hc-acc{color:#fff;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.hc-dark .hc-acc{color:var(--hc-gold)}
.hc-sec{color:var(--hc-secondary)}