/* Meeks Personal Injury Law — design tokens
   Source: signed creative briefs 2026-08-13 (identity + website).
   Carolina Blue #4B9CD3 is decorative accent only; Deep Carolina carries
   text/links for contrast. Charcoal Navy anchors, Sand warms, no red,
   no metallic gold, no legal clipart. */
@font-face{font-family:"Zilla Slab";font-weight:500;src:url("fonts/ZillaSlab-Medium.woff2") format("woff2")}
@font-face{font-family:"Zilla Slab";font-weight:600;src:url("fonts/ZillaSlab-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Zilla Slab";font-weight:700;src:url("fonts/ZillaSlab-Bold.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;src:url("fonts/SourceSans3-Regular.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;src:url("fonts/SourceSans3-Semibold.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:700;src:url("fonts/SourceSans3-Bold.woff2") format("woff2")}

:root {
  /* color */
  --carolina: #4B9CD3;      /* accent: rules, borders, fills, icons */
  --carolina-lite: #9ACDEA; /* tints, hover fills on dark */
  --deep-carolina: #22648F; /* text accent, links, small type in blue */
  --navy: #16283C;          /* anchor: header, footer, dark bands */
  --ink: #10161D;           /* headings */
  --text: #39424B;          /* body */
  --muted: #79848E;         /* captions, meta */
  --sand: #C9B79A;          /* warm accent, sparing */
  --stone: #E7F0F7;         /* light section background */
  --paper: #FBFCFD;         /* page background */
  --line: #DCE6EE;          /* hairlines, borders */

  /* type */
  --font-head: "Zilla Slab", Georgia, serif;        /* 600/700 */
  --font-body: "Source Sans 3", -apple-system, "Segoe UI", sans-serif; /* 400/600/700 */
  --size-h1: 44px; --size-h2: 30px; --size-h3: 21px;
  --size-body: 17px; --size-small: 14px; --size-label: 13px;
  --track-label: 0.18em; /* uppercase section labels */

  /* shape: rectangles, strong baselines. No pills, no ovals, no badges. */
  --radius: 2px;
  --rule: 3px solid var(--carolina); /* the signature short rule under headings */

  /* space */
  --sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 40px; --sp-5: 64px; --sp-6: 96px;
}