/* Barry Injury Law — design tokens + base. Loaded after reset, before widgets.
   The pages themselves carry verbatim inline styles (the handoff source of truth); these
   tokens exist for the few authored component classes in widgets.css. */
:root {
  --navy: #002459;          /* primary brand */
  --prussian: #17223A;      /* footer bg / dark text */
  --blackout: #0c1322;      /* darkest hero/header bg (chosen aesthetic) */
  --navy-panel: #161f33;    /* secondary dark section */
  --navy-card: #0b1c3f;     /* cards on dark */
  --navy-card-2: #0e2c57;
  --steel: #6B84A2;         /* eyebrows, muted accents, logomark color */
  --pale-sky: #C3D9E9;
  --cloud: #EFF6FB;         /* light section bg */
  --gold: #F3A640;          /* CTAs, rules, highlights, active states */
  --gold-on-light: #b9801f; /* gold as small text on light bg */
  --body-light: #3a4d68;
  --body-light-2: #52647d;
  --muted-dark: #9fb0c8;
  --card-border: #dde7f1;
  --footer-muted: #7b8da3;
  --maxw: 1180px;
}

body {
  font-family: 'Lora', Georgia, serif;
  background: var(--blackout);
  color: var(--prussian);
}

/* Headings/UI default to Mulish unless an inline style overrides (most do). */
h1, h2, h3, h4, h5, h6 { font-family: 'Mulish', system-ui, sans-serif; }

main { display: block; }

/* Keyboard focus visibility (links/buttons keep their inline look otherwise). */
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}