/* Russell Education Foundation design tokens. Generated from tokens.json. */
:root {
  --paper: #FBF9F4;
  --paper-raised: #FFFFFF;
  --parchment: #F3EEE2;
  --ink: #1B2033;
  --ink-muted: #565C72;
  --heading: #1E3A8A;
  --royal-blue: #1E3A8A;
  --navy: #14254F;
  --on-blue: #FBF9F4;
  --gold: #B8923A;
  --gold-ink: #7E6020;
  --gold-highlight: #F0D891;
  --gold-deep: #8E6A24;
  --red: #A62B34;
  --line: #D9CFB8;
  --action: #1E3A8A;
  --on-action: #FBF9F4;
  --focus-ring: #1E3A8A;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-round: 50%;
  --shadow-paper: 0 1px 2px rgba(27,32,51,0.08), 0 8px 24px rgba(27,32,51,0.06);
  --font-display: "Cormorant Garamond", Garamond, Georgia, serif;
  --font-text: "Source Sans 3", "Segoe UI", Calibri, Arial, sans-serif;
}
[data-theme="dark"] {
  --paper: #14254F;
  --paper-raised: #1B2F5E;
  --parchment: #22386B;
  --ink: #F3EEE2;
  --ink-muted: #C3C8D8;
  --heading: #F3EEE2;
  --royal-blue: #1E3A8A;
  --navy: #14254F;
  --on-blue: #FBF9F4;
  --gold: #D4AF5F;
  --gold-ink: #D4AF5F;
  --gold-highlight: #F0D891;
  --gold-deep: #8E6A24;
  --red: #E06A72;
  --line: #34497A;
  --action: #D4AF5F;
  --on-action: #14254F;
  --focus-ring: #D4AF5F;
  --shadow-paper: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.25);
}
.display-xl { font-family: var(--font-display); font-size: 64px; line-height: 68px; font-weight: 500; }
.display-l { font-family: var(--font-display); font-size: 48px; line-height: 54px; font-weight: 500; }
.heading-1 { font-family: var(--font-display); font-size: 36px; line-height: 42px; font-weight: 600; }
.heading-2 { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 600; }
.heading-3 { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 600; }
.descriptor { font-family: var(--font-display); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.2em; }
.lead { font-family: var(--font-text); font-size: 20px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-text); font-size: 17px; line-height: 27px; font-weight: 400; }
.body-print { font-family: var(--font-text); font-size: 11pt; line-height: 16pt; font-weight: 400; }
.small { font-family: var(--font-text); font-size: 14px; line-height: 21px; font-weight: 400; }
.label { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 600; }