/* ============================================================
   VARIABLES — Good News Coffee Co Design Tokens
   Generated by /lead-pitch-pipeline
   ============================================================ */

:root {
  /* ── Color Palette ── */
  --color-bg-primary:   #2D1810;   /* Rich coffee brown — dominant dark brand color */
  --color-bg-mid:       #1E0F0A;   /* Darker brown — nav background, secondary dark */
  --color-bg-light:     #FBF6F0;   /* Warm cream — alternating light sections */
  --color-bg-deep:      #120906;   /* Deepest brown — footer copyright bar */
  --color-bg-footer:    #2D1810;   /* Footer nav — same as bg-primary */

  --color-accent:       #D4956A;   /* Warm caramel — primary CTA buttons, highlights */
  --color-accent-light: #E0B08A;   /* Lighter caramel (+15% lightness) */
  --color-accent-warm:  #F5E6D3;   /* Warm cream — tertiary warm accent */

  --color-text-primary: #FFFFFF;   /* White — headings on dark backgrounds */
  --color-text-muted:   #E8D5C4;   /* Warm cream — secondary text on dark brown */
  --color-text-dark:    #2D1810;   /* Coffee brown — body text on light */
  --color-text-mid:     #7A6B5E;   /* Muted brown — secondary text */

  --color-white:        #FFFFFF;
  --color-cream:        #F5E6D3;

  --color-border:       rgba(255, 255, 255, 0.12);
  --color-border-faint: rgba(255, 255, 255, 0.08);
  --color-border-dark:  rgba(45, 24, 16, 0.12);

  /* ── Glow Effects ── */
  --glow-accent:    0 0 20px rgba(212, 149, 106, 0.4), 0 0 40px rgba(212, 149, 106, 0.2);
  --glow-accent-sm: 0 0 10px rgba(212, 149, 106, 0.3), 0 0 20px rgba(212, 149, 106, 0.15);

  /* ── Typography ── */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Spacing ── */
  --section-padding: clamp(5rem, 10vw, 8rem);
  --container-max: 1200px;
  --container-padding: 1.5rem;

  /* ── Border Radius ── */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* ── Transitions ── */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* ── Shadows ── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.16);
  --shadow-dark: 0 4px 24px rgba(0, 0, 0, 0.35);
}