/* ============================================================
   ADFC WordPress Theme - Design Tokens & CSS Variables
   Brand Colors: Blue (#1971B9), Gold (#FDC010), Charcoal (#2D2E32), Gray (#A7A6A6)
   ============================================================ */

:root {
  /* ── Core Brand Palette ────────────────────────────────── */
  --adfc-blue:             #1971B9;
  --adfc-blue-hover:       #135B96;
  --adfc-blue-light:       #EBF4FB;
  --adfc-blue-tint:        rgba(25, 113, 185, 0.08);

  --adfc-gold:             #FDC010;
  --adfc-gold-hover:       #E5AC07;
  --adfc-gold-light:       #FFF9E6;
  --adfc-gold-tint:        rgba(253, 192, 16, 0.12);

  --adfc-charcoal:         #2D2E32;
  --adfc-charcoal-dark:    #1E2024;
  --adfc-charcoal-light:   #4A4D54;
  --adfc-gray-muted:       #8C9099;

  /* ── Backgrounds & Surfaces ────────────────────────────── */
  --adfc-bg-main:          #FFFFFF;
  --adfc-bg-surface:       #F8FAFC;
  --adfc-bg-alt:           #F1F5F9;
  --adfc-bg-dark:          #1E2024;
  --adfc-border:           #E2E8F0;
  --adfc-border-subtle:    rgba(0, 0, 0, 0.06);
  --adfc-border-dark:      rgba(255, 255, 255, 0.1);

  /* ── Text Colors ───────────────────────────────────────── */
  --adfc-text-main:        #2D2E32;
  --adfc-text-body:        #4A4D54;
  --adfc-text-muted:       #64748B;
  --adfc-text-white:       #FFFFFF;
  --adfc-text-white-sub:   rgba(255, 255, 255, 0.75);

  /* ── Typography ────────────────────────────────────────── */
  --font-heading:         'Agenor', 'Bebas Neue', 'Montserrat', sans-serif;
  --font-body:            'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Spacing & Layout ──────────────────────────────────── */
  --container-max:        1240px;
  --container-pad:        clamp(1.25rem, 4vw, 2.5rem);
  --section-space:        clamp(3.5rem, 6vw, 6rem);

  /* ── Radius & Elevation ────────────────────────────────── */
  --radius-sm:            4px;
  --radius-md:            8px;
  --radius-lg:            12px;
  --radius-pill:          100px;

  --shadow-sm:            0 2px 6px rgba(45, 46, 50, 0.04);
  --shadow-md:            0 6px 18px rgba(45, 46, 50, 0.06);
  --shadow-lg:            0 12px 32px rgba(45, 46, 50, 0.09);
  --shadow-hover:         0 14px 36px rgba(25, 113, 185, 0.12);

  --transition-fast:      0.15s ease;
  --transition-normal:    0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth:    0.4s cubic-bezier(0.16, 1, 0.3, 1);
}