/* ================================================================
   CAPITAL EQUITY LLC — DESIGN TOKENS v3
   Premium Financial / Trusted Advisor Aesthetic
   Playfair Display (display) + DM Sans (body)
   Navy #0D1B2A | Ivory #F5F0E8 | Gold #C09A5B
   ================================================================ */

:root {
  /* ── BRAND COLORS ── */
  --navy:        #0D1B2A;
  --navy-mid:    #142030;
  --navy-light:  #1C2E42;
  --navy-pale:   rgba(13,27,42,0.06);

  --gold:        #C09A5B;
  --gold-light:  #D4B478;
  --gold-dark:   #A07A3A;
  --gold-pale:   rgba(192,154,91,0.10);
  --gold-border: rgba(192,154,91,0.28);

  --ivory:       #F5F0E8;
  --ivory-mid:   #EDE8DE;
  --ivory-dark:  #E2DDD2;
  --white:       #FFFFFF;

  --slate:       #3D4F63;
  --slate-mid:   #526070;
  --text-body:   #2C3A47;
  --text-mid:    #4A5A6A;
  --text-muted:  #6B7C8C;

  --border:       #D8D2C8;
  --border-light: #EAE5DC;
  --border-gold:  rgba(192,154,91,0.25);

  --success:  #2A6E45;
  --danger:   #9B3535;
  --warning:  #8B6A1A;

  /* ── TYPOGRAPHY ── */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* ── TEXT SCALE ── */
  --text-xs:   0.72rem;
  --text-sm:   0.85rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  /* ── SPACING ── */
  --s1:  0.25rem;
  --s2:  0.5rem;
  --s3:  0.75rem;
  --s4:  1rem;
  --s5:  1.25rem;
  --s6:  1.5rem;
  --s7:  2rem;
  --s8:  2.5rem;
  --s9:  3rem;
  --s10: 4rem;
  --s11: 5rem;
  --s12: 6rem;

  /* ── LAYOUT ── */
  --max-w:       1200px;
  --max-w-sm:    720px;
  --max-w-xs:    580px;

  /* ── RADIUS ── */
  --r1:  4px;
  --r2:  8px;
  --r3:  12px;
  --r4:  18px;
  --r5:  24px;
  --rfull: 9999px;

  /* ── SHADOWS ── */
  --shadow-xs: 0 1px 3px rgba(13,27,42,0.06);
  --shadow-sm: 0 2px 8px rgba(13,27,42,0.08), 0 1px 3px rgba(13,27,42,0.05);
  --shadow-md: 0 6px 20px rgba(13,27,42,0.10), 0 2px 8px rgba(13,27,42,0.06);
  --shadow-lg: 0 16px 48px rgba(13,27,42,0.14), 0 4px 16px rgba(13,27,42,0.08);
  --shadow-xl: 0 32px 80px rgba(13,27,42,0.18), 0 8px 24px rgba(13,27,42,0.10);

  /* ── TRANSITIONS ── */
  --t-fast: 150ms ease;
  --t-med:  250ms ease;
  --t-slow: 400ms ease;
}