/* ============================================================================
   AZ FAST BATH — DESIGN TOKENS
   The single source of truth for color, type, spacing, and treatment.
   Change a value here and it cascades across the entire website.
   ============================================================================ */

:root {
  /* ── Brand color ─────────────────────────────────────────────────────── */
  --azfb-green:        #1a3c2b;   /* primary brand */
  --azfb-green-mid:    #2d6a4f;
  --azfb-green-light:  #3a8560;
  --azfb-green-050:    #eef4f0;   /* tint for soft backgrounds */
  --azfb-gold:         #c9a55a;   /* accent / primary CTA */
  --azfb-gold-dark:    #a8863e;
  --azfb-gold-light:   #ddc389;

  /* ── Neutrals ────────────────────────────────────────────────────────── */
  --azfb-ink:          #111827;   /* near-black text */
  --azfb-charcoal:     #1f2937;
  --azfb-muted:        #6b7280;   /* secondary text */
  --azfb-line:         #e5e7eb;   /* hairline borders */
  --azfb-warm-white:   #f9f7f4;   /* section background */
  --azfb-white:        #ffffff;

  /* ── Semantic surfaces ───────────────────────────────────────────────── */
  --azfb-bg:           var(--azfb-white);
  --azfb-bg-soft:      var(--azfb-warm-white);
  --azfb-bg-dark:      var(--azfb-green);
  --azfb-text:         var(--azfb-ink);
  --azfb-text-muted:   var(--azfb-muted);
  --azfb-on-dark:      #ffffff;
  --azfb-on-dark-soft: rgba(255,255,255,0.72);
  --azfb-on-dark-dim:  rgba(255,255,255,0.55);

  /* ── Typography families ─────────────────────────────────────────────── */
  --azfb-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --azfb-font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Fluid type scale (clamp: min, preferred, max) ───────────────────── */
  --azfb-fs-display:   clamp(42px, 6vw,  84px);   /* hero H1 */
  --azfb-fs-h1:        clamp(36px, 5.2vw, 72px);
  --azfb-fs-h2:        clamp(28px, 4vw,   54px);
  --azfb-fs-h3:        clamp(21px, 2.6vw, 32px);
  --azfb-fs-h4:        clamp(18px, 2vw,   23px);
  --azfb-fs-lead:      clamp(18px, 1.4vw, 21px);  /* section subheads */
  --azfb-fs-body:      17px;
  --azfb-fs-small:     14px;
  --azfb-fs-eyebrow:   11px;

  /* ── Type treatment ──────────────────────────────────────────────────── */
  --azfb-lh-tight:     1.1;
  --azfb-lh-heading:   1.15;
  --azfb-lh-body:      1.7;
  --azfb-ls-tight:     -0.015em;
  --azfb-ls-eyebrow:   0.22em;
  --azfb-weight-display: 500;
  --azfb-weight-body:    400;
  --azfb-weight-medium:  500;
  --azfb-weight-bold:    700;

  /* ── Spacing scale (4px base) ────────────────────────────────────────── */
  --azfb-sp-1:   4px;
  --azfb-sp-2:   8px;
  --azfb-sp-3:   12px;
  --azfb-sp-4:   16px;
  --azfb-sp-5:   20px;
  --azfb-sp-6:   24px;
  --azfb-sp-8:   32px;
  --azfb-sp-10:  40px;
  --azfb-sp-12:  48px;
  --azfb-sp-14:  56px;
  --azfb-sp-16:  64px;
  --azfb-sp-20:  80px;
  --azfb-sp-24:  96px;

  /* Vertical rhythm for full-bleed sections (fluid) */
  --azfb-section-y:      clamp(64px, 9vw, 112px);
  --azfb-section-y-lg:   clamp(80px, 11vw, 140px);
  --azfb-gutter:         clamp(20px, 5vw, 40px);

  /* ── Layout widths ───────────────────────────────────────────────────── */
  --azfb-container:      1200px;  /* default content width */
  --azfb-container-wide: 1360px;
  --azfb-container-text: 760px;   /* readable prose / centered heads */

  /* ── Radius ──────────────────────────────────────────────────────────── */
  --azfb-radius-sm:  6px;
  --azfb-radius:     12px;
  --azfb-radius-lg:  18px;
  --azfb-radius-pill: 100px;

  /* ── Shadows ─────────────────────────────────────────────────────────── */
  --azfb-shadow-sm:  0 2px 16px rgba(17,24,39,0.06);
  --azfb-shadow-md:  0 8px 30px rgba(17,24,39,0.10);
  --azfb-shadow-lg:  0 18px 50px rgba(17,24,39,0.16);
  --azfb-shadow-gold: 0 6px 20px rgba(201,165,90,0.40);
  --azfb-shadow-green: 0 6px 20px rgba(26,60,43,0.35);

  /* ── Motion ──────────────────────────────────────────────────────────── */
  --azfb-ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --azfb-ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --azfb-dur-fast:  0.2s;
  --azfb-dur:       0.35s;
  --azfb-dur-slow:  0.6s;

  /* ── Z-index scale ───────────────────────────────────────────────────── */
  --azfb-z-sticky:  99990;
  --azfb-z-overlay: 99999;
}