/* =========================================================
   NORTH STUDIO · TASARIM DOSYASI (design tokens)
   Sitenin bütün görünümü buradan değişir.
   NOT: Sitenin kilitli renkleri site.css'in sonundaki "KİLİTLİ RENKLER" bloğundadır; buradaki renkleri o blok ezer.
   Kimlik: Selim, 23 Ekim 2026. Üç renk: beyaz, koyu, mavi; vurgu kutuları %10 gri. Düzen: Apple tasarım dili (23 Ekim).
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;600;700&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap");

:root {
  /* Renkler */
  --c-bg: #ffffff;          /* zemin */
  --c-ink: #1f2528;         /* metin ve koyu zemin */
  --c-accent: #0a215c;      /* buton ve başlıkların 2. satırı (NO2 denemesi; NO1: #1e3fcc) */
  --c-gray: #e6e6e6;        /* %10 gri: öne çıkan kutular, piktogram zeminleri */

  /* Türetilmiş (yeni renk değil, koyu rengin tonları) */
  --c-surface: var(--c-gray);
  --c-muted: color-mix(in srgb, var(--c-ink) 72%, var(--c-bg));
  --c-line: color-mix(in srgb, var(--c-ink) 16%, var(--c-bg));
  --c-accent-ink: #ffffff;
  --c-soft: var(--c-gray);
  --c-accent-dark: color-mix(in srgb, var(--c-accent) 55%, var(--c-bg)); /* koyu zeminde mavinin okunur tonu */

  /* Yazı tipleri */
  --f-display: "Space Grotesk", system-ui, sans-serif;
  --f-body: "Open Sans", system-ui, sans-serif;
  --f-mono: var(--f-body);

  /* Yazı boyutları */
  --t-hero: clamp(44px, 7.6vw, 96px);
  --t-h2: clamp(34px, 5vw, 64px);
  --t-slogan: clamp(28px, 4vw, 48px);
  --t-h3: clamp(20px, 2vw, 24px);
  --t-body: 17px;
  --t-small: 14px;
  --w-display: 600;
  --ls-display: -0.035em;

  /* Boşluk ve şekil */
  --gutter: clamp(20px, 4vw, 48px);
  --section: clamp(64px, 10vw, 128px);
  --max: 1180px;
  --radius: 999px;          /* buton köşesi */
  --radius-card: 18px;      /* küçük kutu köşesi */
  --radius-tile: 28px;      /* büyük kutu köşesi */

  /* Hareket */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --speed: 250ms;
}