/* Onest — single font for both sites and both languages
 *
 * Owner-approved 2026-05-31: replaces Novela/Brockmann/Inter/Oswald/Spectral/Geist.
 * One typeface for display + body, Latin (RO with ă â î ș ț) and Cyrillic (RU).
 *
 * Variable font (100-900 weight axis) subset to:
 *   - Latin: Basic + Latin-1 + Extended-A/B + punctuation + Romanian diacritics
 *   - Cyrillic: U+0400-04FF + U+0500-052F + U+2116 (№)
 *
 * unicode-range splits the two subsets: browser fetches only what the page renders.
 * RO pages load Latin only. RU pages load Cyrillic primarily; Latin fetched only
 * for any Latin glyphs (brand names "Cassina" etc.).
 *
 * NO @import. NO Google Fonts CDN. NO external dependency.
 * License: SIL OFL 1.1 (free, commercial OK).
 */

@font-face {
  font-family: 'Onest';
  src: url('/assets/fonts/Onest-Latin.woff2') format('woff2-variations');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Onest';
  src: url('/assets/fonts/Onest-Cyrillic.woff2') format('woff2-variations');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0400-04FF, U+0500-052F, U+2116;
}

:root {
  /* Single font for display and body — differ only by weight + size */
  --sans: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --display: 'Onest', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* Type scale (PR-FONT-1 tokens) */
  --fs-12: 12px;
  --fs-13: clamp(13px, 0.9vw, 13px);
  --fs-14: clamp(14px, 1vw, 15px);
  --fs-16: clamp(16px, 1.1vw, 17px);
  --fs-18: clamp(16px, 1.5vw, 18px);
  --fs-20: clamp(18px, 2vw, 20px);
  --fs-24: clamp(20px, 2.5vw, 24px);
  --fs-32: clamp(24px, 3vw, 32px);
  --fs-48: clamp(32px, 4vw, 48px);
  --fs-72: clamp(48px, 6vw, 72px);
  --fs-96: clamp(48px, 6vw, 96px);
  --fs-160: clamp(64px, 10vw, 160px);

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-base: 1.5;
  --lh-loose: 1.7;

  --ls-tight: -0.01em;
  --ls-base: 0;
  --ls-wide: 0.08em;
  --ls-extra: 0.16em;
}

html { font-family: var(--sans); }
h1 { font-family: var(--display); font-weight: 700; font-size: clamp(48px, 6vw, 96px); line-height: 1.05; letter-spacing: -0.01em; }
h2 { font-family: var(--display); font-weight: 600; font-size: clamp(32px, 4vw, 56px); line-height: 1.1; letter-spacing: -0.005em; }
h3 { font-family: var(--display); font-weight: 600; font-size: clamp(24px, 3vw, 36px); line-height: 1.15; }
h4 { font-family: var(--sans); font-weight: 600; font-size: 18px; line-height: 1.3; }
body { font-family: var(--sans); font-size: 16px; line-height: 1.5; }
.caption, .meta { font-size: 13px; }
.label { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }