/* =============================================================
   Crownview Financial — Colors & Type
   Insurance brokerage. Trust-forward: deep navy, brass accent,
   warm paper ground. Serif display + neutral sans body.
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* ---------- Brand ---------- */
  --navy-900:   #0B1626;   /* near-black navy, headlines + deep surfaces */
  --navy-800:   #112138;
  --navy-700:   #1B3252;
  --navy-600:   #27476F;
  --navy-500:   #3A638F;
  --navy-200:   #BFD0E2;
  --navy-100:   #DCE6F0;
  --navy-50:    #EDF2F8;

  --brass-600:  #9A7128;   /* accent: brass / antique gold */
  --brass-500:  #B8893B;
  --brass-400:  #CBA35C;
  --brass-200:  #E8D4A8;
  --brass-50:   #F8F1E2;

  --sage-600:   #3F7558;   /* success / positive confirmations */
  --sage-50:    #EAF2ED;

  /* ---------- Neutrals (warm paper) ---------- */
  --ink-900:    #14181E;
  --ink-800:    #222831;
  --ink-700:    #3A424E;
  --ink-600:    #525B69;
  --ink-500:    #6E7784;
  --ink-400:    #949CA8;
  --ink-300:    #C2C8D0;
  --ink-200:    #DFE3E8;
  --ink-100:    #EDEFF2;
  --ink-50:     #F6F7F9;

  --paper:      #FBFAF7;   /* page ground */
  --card:       #FFFFFF;

  /* ---------- Semantic ---------- */
  --text-head:   var(--navy-900);
  --text-body:   var(--ink-700);
  --text-muted:  var(--ink-500);
  --text-fine:   var(--ink-500);   /* legal / disclosure copy */
  --text-link:   var(--navy-600);
  --border:      var(--ink-200);
  --border-soft: var(--ink-100);

  /* ---------- Type ---------- */
  --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---------- Elevation & shape ---------- */
  --radius-sm:  8px;
  --radius:     14px;
  --radius-lg:  22px;
  --shadow-sm:  0 1px 2px rgba(11, 22, 38, 0.06), 0 1px 3px rgba(11, 22, 38, 0.04);
  --shadow:     0 4px 12px rgba(11, 22, 38, 0.07), 0 1px 3px rgba(11, 22, 38, 0.05);
  --shadow-lg:  0 18px 44px rgba(11, 22, 38, 0.12), 0 4px 12px rgba(11, 22, 38, 0.06);

  /* ---------- Layout ---------- */
  --wrap:       1140px;
  --wrap-prose: 760px;
  --gutter:     24px;
}