/* goturkiye.com — core tokens (header + hero critical set).
   Values measured via manifest getComputedStyle at 390/768/1280/1440/1920. */
:root {
  /* Surface + ink — page is pure black, cards are #212121 */
  --c-bg: #000;
  --c-surface: #212121;            /* rgb(33,33,33) — card / blog bg */
  --c-surface-2: #2b2b2b;
  --c-ink: #fff;
  --c-ink-70: rgba(255, 255, 255, .7);   /* measured oklab .7 — tv/hero copy */
  --c-ink-55: rgba(255, 255, 255, .55);
  --c-line: rgba(255, 255, 255, .15);

  /* Brand greens */
  --c-accent: #a1c419;             /* rgb(161,196,25) — heading green word, badges, menu */
  --c-accent-btn: #83a00b;         /* rgb(131,160,11) — hero "More" pill */
  --c-accent-btn-hover: #97b90f;

  /* Fonts — original loads Red Hat Display (all weights) + Roboto (map only) */
  --ff: "Red Hat Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Type scale (measured) */
  --fs-hero: 36px;                 /* base; 120px @768 */
  --fs-hero-lh: 45px;
  --fs-heading: 48px;              /* base; 75px @1024 */
  --fs-heading-lh: 48px;
  --fs-card-title: 1.2rem;         /* 19.2px base; 24px @768; 27.2px @1024 */
  --fs-desc: 16px;

  /* Layout */
  --container: 1640px;
  --pad: 16px;                     /* px-4 base */
  --pad-lg: 24px;                  /* px-6 @1024 */
  --header-h: 68px;                /* mobile; 80px @768 */
  --radius-card: 48px;             /* measured — heavily rounded cards */
  --radius-pill: 999px;
  --gap-card: 16px;
}