@font-face {
  font-family: "Sanomat Web";
  src: url("/assets/Sanomat-LightItalic-Web-d26057c7.woff2") format("woff2"),
       url("/assets/Sanomat-LightItalic-Web-e075415a.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

:root {
  --brand-blue: #040e85;
  --brand-blue-dark: #02085b;
  --brand-gold: #c69c6c;
  --brand-body-font-family: Helvetica, Arial, sans-serif;
  --canvas: #ffffff;
  --surface: #f6f6fa;
  --ink: #20233a;
  --muted: #676a7b;
  --border: #e3e4ec;
  --danger: #9b2430;
  --shadow: 0 14px 36px rgba(4, 14, 133, 0.09);
  --radius: 14px;

  /* Shared roles use existing values; gold remains the decorative brand accent. */
  --accent-text: #745029;
  --brand-heading-font-family: "Sanomat Web", Georgia, serif;
  --text-heading-large: clamp(2.35rem, 5vw, 4.5rem);
  --text-heading-medium: clamp(1.7rem, 3vw, 2.5rem);
  --text-label: 0.88rem;
  --text-eyebrow: 0.76rem;
  --text-badge: 0.7rem;
  --space-inline: 0.75rem;
  --space-control: 1rem;
  --space-section: 2rem;
  --space-heading: 3rem;
  --radius-control: 8px;
  --radius-pill: 99px;
  --width-page: 1180px;
  --width-copy: 680px;
  --focus-ring: 2px solid var(--brand-blue);
  --focus-offset: 3px;
  --disabled-opacity: 0.45;
  --motion-control: 160ms;
  --status-info-background: #e8e9ff;
  --status-info-text: var(--brand-blue);
  --status-success-background: #e7f4e9;
  --status-success-text: #1e6c2b;
  --status-warning-background: #fff3d8;
  --status-warning-text: #815a00;
  --status-danger-background: #ffe5e7;
  --status-danger-text: var(--danger);
  --status-muted-background: #ececf0;
  --status-muted-text: #5d5f6b;
  --status-accent-background: #f5eadf;
  --status-accent-text: var(--accent-text);
}