/* Hallmark · custom red/grey tokens · Manrope + Source Sans 3 · modern-minimal */
:root {
  --color-cursor-body: #CA1D2B;
  --color-cursor-detail: #000000;
  --color-paper: oklch(100.0000% 0.000000 89.876); /* #ffffff */
  --color-surface: oklch(96.3673% 0.001715 247.839); /* #f2f3f4 */
  --color-ink: oklch(27.5439% 0.008567 255.576); /* #25282c */
  --color-muted: oklch(50.4799% 0.012721 256.738); /* #60656c */
  --color-rule: oklch(89.5624% 0.006989 247.903); /* #d9dde1 */
  --color-accent: oklch(53.6293% 0.201309 24.232); /* #c81e2c */
  --color-accent-hover: oklch(47.0478% 0.174769 23.507); /* #a71926 */
  --color-on-accent: oklch(100.0000% 0.000000 89.876); /* #ffffff */
  --color-focus: oklch(53.6293% 0.201309 24.232); /* #c81e2c */
  --color-dark: oklch(27.5439% 0.008567 255.576); /* #25282c */
  --color-on-dark: oklch(100.0000% 0.000000 89.876); /* #ffffff */
  --color-dark-muted: oklch(89.5624% 0.006989 247.903); /* #d9dde1 */
  --color-input-border: oklch(64.1034% 0.013859 255.541); /* #878d95 */
  --color-error: oklch(47.0478% 0.174769 23.507); /* #a71926 */
  --color-success: oklch(27.5439% 0.008567 255.576); /* #25282c */
  --color-overlay: oklch(27.5439% 0.008567 255.576); /* #25282c */
  --font-display: "Edumax Manrope", Arial, sans-serif;
  --font-body: "Edumax Source Sans", Arial, sans-serif;
  --space-3xs: .25rem; --space-2xs: .5rem; --space-xs: .75rem;
  --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2rem;
  --space-xl: 3rem; --space-2xl: 4rem; --space-3xl: 5rem; --space-4xl: 6rem;
  --text-xs: .875rem; --text-sm: 1rem; --text-md: 1.125rem; --text-lg: 1.25rem;
  --text-xl: 1.5rem; --text-2xl: 2rem;
  --text-display: clamp(2.25rem, 4.5vw, 4rem);
  --text-heading: clamp(2rem, 3vw, 2.75rem);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-scenic: 600ms;
  --radius-card: .75rem; --radius-input: .5rem;
  --page-width: 75rem; --control-height: 3.25rem;
  --header-height: calc(5.5rem + 1px);
  /* Shared component roles, derived from the approved homepage. */
  --section-space: clamp(2rem, 4vw, 3rem);
  --layout-gap: clamp(1.5rem, 4vw, 3rem);
  --reading-width: 72ch;
  --text-page-title: clamp(2.4rem, 4.5vw, 4.3rem);
  --radius-action: .5rem 1.5rem .5rem .5rem;
  --radius-media: .75rem;
  --radius-hero: 1.25rem;
  --radius-panel: .75rem;
  --edge-action: .25rem .25rem 0 var(--color-ink);
  --edge-action-hover: .375rem .375rem 0 var(--color-accent);
}