/* ============================================================
   LODI AREA EMS — Brand tokens & base styles
   Shared across the brand kit (guidelines, OG, flyer, hub)
   ============================================================ */

:root{
  /* Core palette */
  --navy:      #1B2A41;   /* Ink / deep navy — dark sections, crest field */
  --primary:   #415A77;   /* Steel Blue — primary brand color */
  --secondary: #334B67;   /* Deep Steel — secondary */
  --cloud:     #E7E8EC;   /* Cloud — light background */
  --mist:      #F6F9FE;   /* Mist — lightest background */
  --white:     #FFFFFF;

  /* Steel tints (derived, used in crest + UI accents) */
  --steel-100: #E7E8EC;
  --steel-200: #C9D2DE;
  --steel-300: #8FA3BC;
  --steel-400: #6E86A6;

  /* Text */
  --text:        #1B2A41;
  --text-muted:  #54657A;
  --text-soft:   #6C7A8C;
  --line:        #DBDFE7;
  --line-strong: #C3CAD6;

  /* Type */
  --font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Roboto", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Spacing rhythm */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(27,42,65,.06), 0 2px 8px rgba(27,42,65,.06);
  --shadow-md: 0 6px 24px rgba(27,42,65,.10), 0 1px 3px rgba(27,42,65,.08);
  --shadow-lg: 0 24px 60px rgba(27,42,65,.16);
}

*{ box-sizing: border-box; }

body{
  margin:0;
  font-family: var(--font-body);
  color: var(--text);
  background: var(--mist);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,h2,h3,h4,h5,.display{
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 0;
}

.eyebrow{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--primary);
}

a{ color: var(--primary); }