/* Finnsight Marketing design tokens.
   PROVISIONAL: palette and type get lined up with Brand Design once a logo direction is picked.
   Change values here only. Pages and styles.css read these variables. */

@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/newsreader-400-600.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/newsreader-italic-400-500.woff2") format("woff2");
  font-weight: 400 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Public Sans";
  src: url("/assets/fonts/public-sans-400-700.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
/* Metric-matched fallbacks so text does not jump when the web fonts arrive. */
@font-face {
  font-family: "Newsreader Fallback";
  src: local("Times New Roman"), local("Liberation Serif"), local("Georgia");
  size-adjust: 104.6%;
  ascent-override: 70.3%;
  descent-override: 25.3%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Public Sans Fallback";
  src: local("Arial"), local("Liberation Sans"), local("Helvetica");
  size-adjust: 104.3%;
  ascent-override: 91.1%;
  descent-override: 21.6%;
  line-gap-override: 0%;
}

:root {
  /* Color */
  --color-paper: #F7F4EE;
  --color-paper-alt: #EEE8DD;
  --color-ink: #1D2420;
  --color-muted: #4F5852;
  --color-green: #1F3B2D;
  --color-green-hover: #2C5240;
  --color-brass: #A68A4E;        /* rules and small marks only, never body text on paper */
  --color-brass-text: #7A5F28;   /* brass for text on paper, 5.5:1 */
  --color-brass-on-green: #C8AE74;
  --color-rule: #D9D1C3;
  --color-white: #FFFFFF;
  --color-focus: #1F3B2D;

  /* Type */
  --font-serif: "Newsreader", "Newsreader Fallback", Georgia, serif;
  --font-sans: "Public Sans", "Public Sans Fallback", Arial, sans-serif;
  --text-sm: 0.9375rem;
  --text-base: 1.125rem;
  --text-lg: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --text-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
  --text-4xl: clamp(2.6rem, 1.5rem + 4.6vw, 5.25rem);   /* home display */
  --text-xs: 0.8125rem;
  --tracking-caps: 0.14em;
  --leading-tight: 1.15;
  --leading-body: 1.6;
  --measure: 52ch;

  /* Spacing scale (px): 4, 8, 12, 16, 24, 32, 48, 64, 96, 128 */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Shape */
  --radius: 4px;
  --border: 1px solid var(--color-rule);
  --container: 72rem;

  /* Motion: opacity and transform only, quiet and short */
  --motion-fast: 150ms;
  --motion-base: 220ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* Logo slot (Brand Design owns the mark; swap files in /assets/brand/) */
  --logo-size: 40px;
  --logo-clear: 20px; /* half the mark height */
  --logo-h: 64px; /* header logo height, clear space included (logo.svg view box) */
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; }
}