/* Hukuk Dosyam — design tokens. 8px grid, restrained palette, semantic color only. */
@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/assets/fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");
  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: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/assets/fonts/schibsted-grotesk-latin.woff2") format("woff2");
  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;
}
@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/instrument-serif-italic-latin-ext.woff2") format("woff2");
  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: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/instrument-serif-italic-latin.woff2") format("woff2");
  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 {
  /* Ink (dark neutrals, slightly cool) */
  --ink-950: #0b0e11;
  --ink-900: #0e1114;
  --ink-800: #171c21;
  --ink-700: #242b32;
  --ink-600: #3a444d;
  --ink-500: #56626c;
  --ink-400: #7a8690;

  /* Paper (warm off-whites) */
  --paper-50: #fbfaf7;
  --paper-100: #f4f2ed;
  --paper-200: #ebe8e1;
  --paper-300: #dcd8cf;
  --paper-400: #c3beb3;

  /* Accent: deep petrol. Used sparingly. */
  --accent-800: #0b3a47;
  --accent-700: #0f4c5c;
  --accent-600: #17606f;
  --accent-300: #5fb3c0;
  --accent-100: #e1eef0;

  /* Semantic only */
  --warn-600: #a85a14;
  --warn-100: #f7ebdd;
  --risk-600: #b3261e;
  --risk-100: #f9e5e3;
  --ok-600: #2f6f4e;

  /* Surfaces (light context defaults) */
  --bg: var(--paper-50);
  --bg-elev: #ffffff;
  --fg: var(--ink-900);
  --fg-muted: var(--ink-500);
  --line: var(--paper-300);
  --line-strong: var(--paper-400);

  /* Typography */
  --font-sans: "Schibsted Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.375rem;
  --text-2xl: clamp(1.625rem, 1.35rem + 1.2vw, 2.125rem);
  --text-3xl: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --text-4xl: clamp(2.75rem, 1.6rem + 4.6vw, 5.25rem);
  --text-hero: clamp(3.25rem, 1.5rem + 8vw, 8.5rem);
  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-body: 1.65;

  /* Spacing (8px grid) */
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 2.5rem;
  --s-6: 3rem;
  --s-8: 4rem;
  --s-10: 5rem;
  --s-12: 6rem;
  --section-y: clamp(5rem, 6vw + 2rem, 9rem);
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --measure: 62ch;
  --container: 76rem;

  /* Radius, shadow, motion */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --shadow-1: 0 1px 2px rgb(14 17 20 / 0.06), 0 8px 24px rgb(14 17 20 / 0.06);
  --shadow-2: 0 2px 4px rgb(14 17 20 / 0.08), 0 24px 64px rgb(14 17 20 / 0.14);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 160ms;
  --dur-base: 240ms;
  --dur-reveal: 640ms;
  --z-header: 50;
}

.theme-dark {
  --bg: var(--ink-900);
  --bg-elev: var(--ink-800);
  --fg: var(--paper-50);
  --fg-muted: rgb(251 250 247 / 0.66);
  --line: rgb(251 250 247 / 0.14);
  --line-strong: rgb(251 250 247 / 0.28);
  color: var(--fg);
  background: var(--bg);
}