/* Kohort tasarım belirteçleri. Renkler, yazı, aralık ve hareket yalnızca burada tanımlanır. */
:root {
  color-scheme: dark;

  /* Zemin ve mürekkep: antrasit palet (2026-10-19; saf siyah okunmuyordu) */
  --paper: #1C1F24;
  --paper-2: #2A2E35;
  --paper-3: #353A42;
  --surface: #24282E;
  --field: #191B1F;
  --code-bg: #16181C;
  --dim: #4E535C;
  --ink: #F1EFEA;
  --ink-2: #CDD0D5;
  --ink-3: #AEB2B9;
  --line: #3C4149;
  --grid-dot: #30343B;

  /* İki vurgu, iki anlam.
     Mavi  = geçerli: doğrulanmış katılımcı, analize giren veri.
     Kırmızı = elenen: uygun olmayan, kalite süzgecine takılan. Başka hiçbir yerde kullanılmaz. */
  --blue: #7A8BFF;
  --blue-btn: #4257F5;
  --blue-ink: #A3AFFF;
  --blue-soft: #2B336B;
  --red: #FF7A5E;
  --red-ink: #FF9A85;
  --red-soft: #4A2820;

  /* Yazı */
  --f-display: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --f-text: "Newsreader", Georgia, "Times New Roman", serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-md: 1.0625rem;
  --t-lg: clamp(1.2rem, 1.05rem + 0.6vw, 1.45rem);
  --t-xl: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  --t-2xl: clamp(2.3rem, 1.4rem + 3.6vw, 4.6rem);
  --t-giant: clamp(7rem, 4rem + 16vw, 19rem);

  /* Aralık ve ızgara */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: clamp(28px, 2vw + 20px, 40px);
  --s7: clamp(40px, 4vw + 24px, 72px);
  --s8: clamp(64px, 7vw + 32px, 128px);
  --gutter: clamp(16px, 3vw, 40px);
  --maxw: 1240px;
  --grid-step: 24px;
  --radius: 2px;
  --radius-pill: 999px;

  /* Hareket: tek eğri */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --d-hover: 140ms;
  --d-state: 220ms;
  --d-modal: 280ms;
  --d-reveal: 420ms;
  --d-signature: 900ms;
}