/* ============================================
   THEME — WARM AUTHORITY
   Approved palette from ca-light sample.
   
   Background: warm cream #F8F5EF (NOT white)
   Header/Footer: deep premium blue #1B2E4B
   Bridge band: same deep blue
   Accent: muted blue #2E5BA8 (links, underlines)
   Micro: terracotta #C4622D (icons only)
   
   ONE background. ONE dark. ONE accent.
   Zero rainbow.
   ============================================ */

:root {
  /* ── BACKGROUNDS — warm cream from approved sample ── */
  --bg:           #F8F5EF;   /* EXACT from ca-light — warm cream, not white */
  --bg-2:         #F0EBE3;   /* EXACT from ca-light — slightly warmer */
  --bg-3:         #EAE4DB;   /* EXACT from ca-light — deepest warm */

  /* ── HEADER & FOOTER — premium deep blue ── */
  --dark:         #1B2E4B;   /* Deep premium blue — darker than before */
  --dark-2:       #122035;   /* Footer bottom bar */

  /* ── ACCENT — used ONLY for links, underlines, eyebrows ── */
  --accent:       #2E5BA8;   /* Muted premium blue — not bright */
  --accent-dark:  #234888;   /* Hover */
  --accent-pale:  #EEF2FA;   /* Pale blue wash for hover states */

  /* ── BRIDGE — same deep blue as header/footer ── */
  /* This creates the bookend effect — header, bridge, footer all match */
  --bridge:       #1B2E4B;
  --bridge-text:  #F8F5EF;   /* Cream text on dark blue */

  /* ── MICRO ACCENT — terracotta, used sparingly ── */
  --micro:        #C4622D;   /* Case icons, small highlights only */
  --micro-pale:   #FAEEE8;

  /* ── TYPOGRAPHY — EXACT from ca-light ── */
  --ink:          #1B1B1B;   /* EXACT from ca-light */
  --ink-2:        #2C2C2C;
  --muted:        rgba(27,27,27,0.55);   /* EXACT from ca-light */
  --faint:        rgba(27,27,27,0.35);

  /* ── BORDERS — EXACT from ca-light ── */
  --border:       rgba(27,27,27,0.12);   /* EXACT from ca-light */
  --border-2:     rgba(27,27,27,0.2);

  /* ── NAV — sits on cream background ── */
  --nav-bg:          rgba(248,245,239,0.88);   /* cream transparent */
  --nav-bg-scrolled: rgba(248,245,239,0.98);   /* cream solid on scroll */
  --nav-text:        #1B1B1B;
  --nav-muted:       rgba(27,27,27,0.55);
  --nav-cta-bg:      #1B2E4B;   /* matches header */
  --nav-cta-text:    #F8F5EF;
  --nav-cta-hover:   #2E5BA8;

  /* ── HERO RIGHT PANEL ── */
  --hero-panel:   #1B2E4B;   /* Same deep blue as header */
  --hero-glow:    rgba(46,91,168,0.2);   /* Soft blue glow */

  /* ── SECTION NUMBERS ── */
  --sec-num-color: rgba(27,27,27,0.1);   /* Very faint on cream */

  /* ── BUTTONS ── */
  --btn-primary-bg:   #1B2E4B;
  --btn-primary-text: #F8F5EF;
  --btn-primary-hover:#2E5BA8;
  --btn-accent-bg:    #2E5BA8;
  --btn-accent-text:  #FFFFFF;
  --btn-accent-hover: #234888;

  /* ── SERVICES DARK SECTION ── */
  --svc-bg:       #1B2E4B;   /* Deep blue — matches header */
  --svc-bg-hover: #122035;
  --svc-border:   rgba(248,245,239,0.06);
  --svc-accent:   rgba(248,245,239,0.55);   /* Cream italic text */
  --svc-text:     rgba(248,245,239,0.92);
  --svc-muted:    rgba(248,245,239,0.45);

  /* ── FOOTER ── */
  --footer-bg:         #1B2E4B;   /* Same deep blue */
  --footer-bar:        #122035;
  --footer-text:       rgba(248,245,239,0.65);
  --footer-muted:      rgba(248,245,239,0.3);
  --footer-faint:      rgba(248,245,239,0.18);
  --footer-link-hover: rgba(248,245,239,0.9);
  --footer-accent:     rgba(248,245,239,0.5);   /* Soft cream for credit link */
}