/* Brand values live here only; component rules must reference these variables. */

/* The demo cut of Typo Ring draws a watermark in place of the full stop, so U+002E falls back. */
@font-face { font-family: "Typo Ring"; src: url("/assets/fonts/typo-ring-bold.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0000-002D, U+002F-10FFFF; }
@font-face { font-family: "Typo Ring"; src: url("/assets/fonts/typo-ring-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-002D, U+002F-10FFFF; }
@font-face { font-family: "Source Serif 4"; src: url("/assets/fonts/source-serif-4-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/assets/fonts/source-serif-4-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/assets/fonts/source-serif-4-medium-italic.woff2") format("woff2"); font-weight: 400 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/assets/fonts/source-serif-4-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/assets/fonts/source-serif-4-bold-italic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }

:root {
  --color-venetian-red: #C50015;
  --color-paper-plane: #ECE9E2;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-green: #1E6B3A;

  --signal-worse: var(--color-venetian-red);
  --signal-better: var(--color-green);

  --surface-page: var(--color-paper-plane);
  --surface-inverse: var(--color-black);
  --surface-raised: var(--color-white);
  --surface-muted: #E0DDD5;
  --text-primary: var(--color-black);
  --text-muted: #6E6E6E;
  --text-inverse: var(--color-white);
  --action-primary: var(--color-venetian-red);
  --focus-ring: var(--color-venetian-red);

  --font-display: "Typo Ring", "Arial Black", system-ui, sans-serif;
  --font-editorial: "Source Serif 4", Georgia, "Times New Roman", serif;

  --size-hero: clamp(3rem, 6.4vw, 6.5rem);
  --size-display: clamp(2rem, 3.2vw, 3.25rem);
  --size-section: clamp(1.75rem, 2.6vw, 2.75rem);
  --size-page-title: clamp(2.75rem, 4.6vw, 4.5rem);
  --size-lead: clamp(1.125rem, 1.35vw, 1.5rem);
  --size-body: clamp(1.0625rem, 1.15vw, 1.25rem);
  --size-small: 0.9375rem;
  --size-label: 0.8125rem;

  --border-hairline: 1px solid var(--color-black);
  --border-brand: 8px solid var(--color-venetian-red);
  --radius-control: 999px;
  --radius-directional: 2.5rem;
  --radius-directional-small: 1rem;

  --space-gutter: clamp(1.25rem, 7.8vw, 7.75rem);
  --space-rail: clamp(0px, 9.5vw, 9.5rem);
  --space-section: clamp(4rem, 8vw, 8rem);
  --space-frame: clamp(1.25rem, 3vw, 2.75rem);
  --measure-content: 66rem;
  --measure-article: 47rem;
  --measure-text: 42rem;
}