/* Goler Agency — Design Tokens (Overview Design System v2) */
:root {
  /* ─── Forest Green Palette ──────────────────────────── */
  --agency-forest:       #1B4332;
  --agency-forest-light: #2D6A4F;
  --agency-forest-mid:   #40916C;
  --agency-forest-pale:  #95D5B2;
  --agency-forest-faint: #D8F3DC;

  /* ─── Warm Neutrals ────────────────────────────────── */
  --agency-cream:        #FDFBF7;
  --agency-warm-white:   #F9F6F0;
  --agency-sand:         #E8E0D4;
  --agency-charcoal:     #1A1A1A;
  --agency-slate:        #4A4A4A;
  --agency-muted:        #7A7A7A;

  /* ─── Accent Colors ────────────────────────────────── */
  --agency-gold:         #C9A227;
  --agency-gold-soft:    #E8D48B;
  --agency-gold-dark:    #A68518;
  --agency-coral:        #E07A5F;
  --agency-blue-steel:   #457B9D;

  /* ─── Semantic Colors ──────────────────────────────── */
  --agency-success:      #2D6A4F;
  --agency-warning:      #C9A227;
  --agency-error:        #C1292E;

  /* ─── Legacy mappings (for CSS class compatibility) ── */
  --agency-navy:         #FDFBF7;
  --agency-navy-mid:     #F9F6F0;
  --agency-navy-deep:    #F5F0E8;
  --agency-blue:         #1B4332;
  --agency-blue-light:   #40916C;
  --agency-sand-dark:    #E8E0D4;
  --agency-white:        #1A1A1A;

  /* Surface system */
  --agency-surface:       white;
  --agency-surface-hover: #F5F0E8;
  --agency-border:        #E8E0D4;
  --agency-text:          #1A1A1A;
  --agency-text-secondary:#4A4A4A;
  --agency-accent:        #1B4332;

  /* Typography */
  --agency-font-display: 'DM Serif Display', serif;
  --agency-font-body:    'DM Sans', sans-serif;
  --agency-font-mono:    'JetBrains Mono', monospace;

  /* Gradients */
  --agency-gradient-hero:   #1B4332;
  --agency-gradient-gold:   linear-gradient(135deg, #C9A227, #A68518);
  --agency-gradient-accent: linear-gradient(135deg, #1B4332, #2D6A4F);
  --agency-gradient-blue:   linear-gradient(135deg, #1B4332, #2D6A4F);

  /* Spacing scale */
  --agency-space-xs:  0.25rem;
  --agency-space-sm:  0.5rem;
  --agency-space-md:  1rem;
  --agency-space-lg:  1.5rem;
  --agency-space-xl:  2.5rem;
  --agency-space-2xl: 4rem;
  --agency-space-3xl: 6rem;

  /* Radii — warm and approachable */
  --agency-radius-sm: 8px;
  --agency-radius-md: 12px;
  --agency-radius-lg: 16px;
  --agency-radius-xl: 20px;

  /* Shadows — subtle, warm */
  --agency-shadow-card: none;
  --agency-shadow-hover: 0 8px 24px rgba(0,0,0,0.06);
  --agency-shadow-nav:  0 1px 0 #E8E0D4;

  /* Transitions */
  --agency-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --agency-duration: 0.2s;
}