/*
  Karadöne typography
  Self-hosted Manrope variable (latin + latin-ext). One family for UI,
  body, and display. IBM Plex Mono stays on --font-mono for IBAN,
  tracking numbers, and other tabular codes.

  Loaded after the storefront bundle. These rules are unlayered, so they
  win over the Tailwind @layer theme tokens (Fraunces / Instrument Sans)
  without editing the hashed build.
*/

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-canvas: #fff;
  --color-surface: #fff;
  --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Manrope", ui-sans-serif, system-ui, sans-serif;

  /* Logo corporate green. Deep, mid, and lift stay the same steps
     away from it so buttons, bands, and the mark read as one color. */
  --color-olive: #2f3c24;
  --color-olive-deep: #24311c;
  --color-olive-mid: #3d4d30;
  --color-olive-lift: #4a5c39;

  /* Manrope is wider than Fraunces and has no optical-size axis.
     Slightly tighter tracking, a little more leading so Turkish
     diacritics (Ğ, Ş, İ) do not clip at display sizes. */
  --lh-display: 1.14;
  --lh-headline: 1.2;
  --track-display: -0.032em;
  --track-headline: -0.026em;
  --track-title: -0.02em;
  --track-subtitle: -0.014em;
  --track-logo: 0.08em;
}

html {
  font-synthesis: none;
  background: #fff;
}

body {
  background: #fff;
}

h1,
h2,
h3,
.font-serif,
.font-editorial,
.font-display,
.type-display,
.type-headline,
.type-title,
.type-subtitle,
.type-quote,
.type-logo,
.logo-mark,
.blog-post__quote p {
  font-optical-sizing: none;
}

/* Manrope ships roman only. Keep pull quotes in the real cut. */
.type-quote,
.blog-post__quote p {
  font-style: normal;
  font-weight: 500;
}