/* =========================================================
   P&B Law Firm – Design Tokens & Variables
   ========================================================= */
/* =========================================================
   P&B Law Firm – Design System
   Colors: Navy #1B2E55, Gold #C9A84C, Cream #F8F5EF
   Typography: EB Garamond (headings) + Lato (body)
   ========================================================= */

/* === TOKENS === */
:root {
  --navy:          #1B2E55;
  --navy-dark:     #111E3A;
  --navy-mid:      #243867;
  --gold:          #C9A84C;
  --gold-light:    #E2C97E;
  --gold-dark:     #A5872E;
  --cream:         #F8F5EF;
  --cream-dark:    #EDE9DF;
  --white:         #FFFFFF;
  --slate-50:      #F8FAFC;
  --slate-100:     #F1F5F9;
  --slate-200:     #E2E8F0;
  --slate-400:     #94A3B8;
  --slate-600:     #475569;
  --slate-800:     #1E293B;
  --slate-900:     #0F172A;

  --text-primary:  #1E293B;
  --text-muted:    #64748B;
  --border:        #D9D5CB;

  --font-heading:  'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-body:     'Lato', system-ui, -apple-system, sans-serif;

  --radius-sm:     4px;
  --radius:        8px;
  --radius-lg:     16px;
  --radius-xl:     24px;
  --radius-full:   9999px;

  --shadow-sm:     0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --shadow:        0 4px 16px rgba(27,46,85,.10);
  --shadow-lg:     0 12px 40px rgba(27,46,85,.16);
  --shadow-gold:   0 4px 20px rgba(201,168,76,.25);

  --transition:    200ms cubic-bezier(.4,0,.2,1);
  --transition-md: 300ms cubic-bezier(.4,0,.2,1);

  --max-w:         1200px;
  --section-gap:   96px;
}