/* Suggested CSS variables; site accessibility requires separate verification. */
:root {
  --brand-primary: #0F4C81;
  --brand-accent: #0F4C81;
  --brand-surface: #F8FAFC;
  --brand-surface-card: #FFFFFF;
  --brand-border: #CBD5E1;
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #475569;
  --text-on-primary: #FFFFFF;
  --text-on-accent: #FFFFFF;
  --brand-primary-rgb: 15, 76, 129;
  --brand-accent-rgb: 15, 76, 129;
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, monospace;
  --text-display: clamp(2.25rem, calc(1.666666667rem + 2.592592593vw), 4rem);
  --text-section: clamp(1.625rem, calc(1.416666667rem + 0.9259259259vw), 2.25rem);
  --text-small: .875rem; --text-body: 1rem;
  --space-1: .5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2rem;
  --section-space: clamp(2.5rem, 5vw, 5rem);
  --content-width: 75rem; --reading-width: 65ch;
  --focus-color: #0F172A; --control-border: #64748B;
  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 10px; --radius-full: 9999px;
  --shadow-bento: 0 1px 3px rgba(0,0,0,.05), 0 0 0 1px var(--brand-border);
  --shadow-hover: 0 10px 25px -5px rgba(0,0,0,.08), 0 0 0 1px var(--brand-border);
}