/* ==========================================================================
   SapiMinds — THEME FILE (the one place to change brand colours & fonts)
   Palette taken from the final logo (brand/final/sapiminds-logo-full-*.png):
   navy #0B1440 · royal blue #1E4BFF · cyan #19C3FF.
   Cyan is decorative only on light backgrounds (2.0:1 on white); text uses the
   darker --brand-accent-text. All text pairs below meet WCAG AA (≥4.5:1).
   Logo files: /assets/img/logo-240|480|720.png (light backgrounds only).
   ========================================================================== */
:root {
  /* Core logo colours */
  --brand-navy: #0B1440;            /* "Sapi" / TECHNOLOGIES navy — 17.7:1 on white */
  --brand-royal: #1E4BFF;           /* royal blue — 6.0:1 on white; white text on it 6.0:1 */
  --brand-cyan: #19C3FF;            /* cyan — decorative on light; 8.7:1 on navy */

  /* Roles */
  --brand-primary: var(--brand-royal);
  --brand-primary-strong: #1238D6;  /* hover / gradient end — white text 8.2:1 */
  --brand-accent: var(--brand-cyan);
  --brand-accent-text: #006FA8;     /* cyan-family text on white/tint — 5.5:1 / 5.1:1 */
  --brand-ink: var(--brand-navy);
  --brand-tint: #F3F6FF;            /* light section / footer background */
  --brand-tint-2: #E8F8FF;
  --brand-dark: var(--brand-navy);  /* dark bands (hero, Why section) */
  --brand-on-dark-accent: #19C3FF;  /* cyan on navy — 8.7:1 */

  /* Gradients (logo-inspired) */
  --brand-gradient: linear-gradient(120deg, #1E4BFF 0%, #19C3FF 100%);          /* decorative */
  --brand-gradient-text-safe: linear-gradient(120deg, #1E4BFF 0%, #1238D6 100%); /* white text on top */
  --brand-gradient-hero: linear-gradient(135deg, #0B1440 0%, #0E1D63 55%, #1238D6 100%);

  /* Neutrals */
  --color-bg: #FFFFFF;
  --color-text: var(--brand-ink);
  --color-muted: #4A5468;           /* 7.6:1 white, 7.0:1 tint */
  --color-border: #DCE3F2;
  --color-on-dark: #FFFFFF;
  --color-on-dark-muted: #C9D3EE;   /* 11.8:1 on navy */

  /* Typography — Poppins (self-hosted, see /assets/fonts/README.txt) */
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Logo display size (full logo ratio 3.85:1) */
  --logo-height: 52px;
  --logo-height-mobile: 40px;
  --logo-height-footer: 64px;
}