/* Holy Cross Law — generated from tokens.json */
@font-face { font-family: "EB Garamond"; src: url("../fonts/EBGaramond-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/EBGaramond-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/EBGaramond-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/SourceSans3-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/SourceSans3-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/SourceSans3-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --navy-950: #04182f;
  --navy-900: #08274a;
  --navy-800: #12335a;
  --navy-700: #1f3c5b;
  --slate-500: #3d5a7a;
  --slate-200: #c3d1e0;
  --mist-100: #e9eef4;
  --paper: #f7f6f3;
  --white: #ffffff;
  --ink: #14202e;
  --ink-muted: #4a5868;
  --line: #d6dde5;
  --line-on-navy: #2f4b6c;
  --focus: #6aa4e6;
  --shadow-card: 0 1px 2px rgba(8, 39, 74, 0.06), 0 8px 24px rgba(8, 39, 74, 0.08);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --content-max: 1200px;
  --measure: 68ch;
  --header-height: 80px;
  --font-serif: "EB Garamond", Garamond, "Times New Roman", serif;
  --font-sans: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
}
.display { font-family: var(--font-serif); font-size: 60px; line-height: 64px; font-weight: 500; letter-spacing: -0.01em; }
.h1 { font-family: var(--font-serif); font-size: 42px; line-height: 48px; font-weight: 500; }
.h2 { font-family: var(--font-serif); font-size: 32px; line-height: 38px; font-weight: 500; }
.h3 { font-family: var(--font-serif); font-size: 24px; line-height: 30px; font-weight: 500; }
.role { font-family: var(--font-serif); font-size: 20px; line-height: 26px; font-weight: 400; font-style: italic; }
.eyebrow { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.16em; }
.body-lg { font-family: var(--font-sans); font-size: 20px; line-height: 32px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 28px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }