/* Nationale font alias → local statew-*.woff2
   Pages @import this via: @import url('../_shared/fonts.css'); */

@font-face {
  font-family: 'Nationale';
  src: url('../fonts/statew-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nationale';
  src: url('../fonts/statew-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* 600 (Demibold) — Real Playtype Nationale-DemiBold (v1.002, 552 glyphs,
   OS/2.usWeightClass=600, NID6 'Nationale-DemiBold'). Arkadaşın deploy
   bundle'ında mevcuttu. */
@font-face {
  font-family: 'Nationale';
  src: url('../fonts/statew-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nationale';
  src: url('../fonts/statew-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Figma-matched text rendering: grayscale antialiased, no fake-bold synthesis.
   Subpixel render = thick + bright (default); antialiased = thin + soft (Figma). */
html, body, input, textarea, button, select {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
}

/* Figma-vs-browser glyph stroke parity (Skia thinner than Chromium/FreeType).
   Transparent text-stroke "carves" 0.5px off each glyph edge → matches Figma
   slimmer look on bold UI text. Applied to semantic headings + buttons + bold
   inline, plus wildcard match for ~90 component classes that use font-weight:600
   (titles/headings/names/labels/eyebrows/CTAs/buttons/links/badges/pills/
   values/prices/ratings). Body/paragraph text stays default. */
h1, h2, h3, h4, h5, h6, button, strong, b,
[class*="-title"], [class*="-heading"], [class*="-name"],
[class*="-label"], [class*="-eyebrow"], [class*="-cta"],
[class*="-btn"], [class*="btn-"],
[class*="-link"], [class*="-badge"], [class*="-pill"],
[class*="-value"], [class*="-price"], [class*="-rating"],
[class*="-summary"], [class*="-count"], [class*="-tab"],
[class*="-creator"], [class*="-username"], [class*="-chip"] {
  -webkit-text-stroke: 0.5px transparent;
}

/* Small text override — 12px stats/microcopy already thin; stroke would blur */
[class*="-stat"], [class*="-stats"], .footer-full__copyright,
small, time, code {
  -webkit-text-stroke: 0;
}