/* Businfluencer tasarım sistemi · Ekim 2026 spesifikasyonu (ana sayfa v4)
 * Kurumsal, güven veren, yaratıcı. Açık kağıt zemin, tek koyu bant, tek dolu mercan yüzey.
 * Tüm renkler oklch; saf beyaz ve saf siyah yok. Tek aile: Geist (Sans; Mono yalnız etiket, sayaç ve
 * araştırma notu satırlarında). Ayrıntı: design.md.
 */

@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/fonts/geist-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: 'Geist';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/fonts/geist-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;
}

/* Geist Mono (OFL, public/fonts/GEIST-OFL.txt): Latin + Latin genişletilmiş alt kümesi, değişken ağırlık */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/fonts/geist-mono-wght.woff2') format('woff2-variations');
}

:root {
  color-scheme: light;

  /* Renk: yüzeyler */
  --color-paper: oklch(98.4% 0.004 70); /* sayfa zemini */
  --color-card: oklch(99.4% 0.002 70); /* kart, form alanı */
  --color-paper-2: oklch(96.6% 0.006 70); /* sakin blok */
  --color-surface-2: oklch(95.6% 0.006 70); /* görsel önizleme zemini */
  --color-paper-3: oklch(93.4% 0.008 70);
  --color-chip: oklch(95% 0.006 70); /* nötr etiket */

  /* Renk: çizgi */
  --color-rule: oklch(88% 0.008 70); /* kart kenarı */
  --color-rule-soft: oklch(92% 0.006 70); /* satır ayırıcı */
  --color-rule-strong: oklch(80% 0.01 70); /* çizgili buton */

  /* Renk: metin */
  --color-ink: oklch(21% 0.012 50);
  --color-ink-2: oklch(36% 0.012 50); /* gövde */
  --color-ink-3: oklch(44% 0.012 50); /* yardımcı (≥4,5:1) */
  --color-on-ink: oklch(98.4% 0.004 70);
  --color-ink-band: oklch(97% 0.004 70); /* koyu bant metni */
  --color-ink-band-2: oklch(72% 0.01 70);
  --color-band-rule: oklch(34% 0.012 50);

  /* Renk: mercan */
  --color-accent: oklch(64% 0.165 35); /* yüzey, nokta, çizgi, odak */
  --color-accent-ink: oklch(50% 0.165 35); /* kağıt üzerinde mercan metin */
  --color-accent-on-dark: oklch(72% 0.15 38); /* koyu bantta vurgu */
  --color-accent-wash: oklch(94.5% 0.03 40); /* mercan yumuşak */
  --color-accent-soft: oklch(92% 0.045 40); /* hero gölgesi, sembol karosu */
  --color-accent-light: oklch(82% 0.09 38); /* huni ikinci bant */
  --color-accent-rule: oklch(88% 0.05 38);
  --color-on-accent: oklch(17% 0.02 40); /* dolu mercan üstünde metin */
  --color-gray-dot: oklch(72% 0.01 70); /* nokta dilinde gri */
  --color-gray-bar: oklch(84% 0.01 70);

  /* Renk: durum */
  --color-focus: oklch(64% 0.165 35);
  --color-error: oklch(48% 0.17 28);
  --color-error-wash: oklch(96% 0.02 27);
  --color-success: oklch(32% 0.07 150);
  --color-success-wash: oklch(95% 0.03 150);
  --color-live: oklch(55% 0.12 150);
  --color-shadow: oklch(20% 0.01 50 / 0.12);

  /* Tipografi */
  --font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --text-2xs: 0.75rem;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-lg: clamp(1.0625rem, 0.95rem + 0.4vw, 1.25rem);
  --text-xl: 1.375rem;
  --text-2xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.25rem);
  --text-h2: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --text-h2-s: clamp(1.875rem, 1.4rem + 1.9vw, 2.75rem);
  --text-display-s: clamp(2.5rem, 1.6rem + 3.6vw, 4.75rem);
  --text-display: clamp(3rem, 1.8rem + 5.6vw, 6rem);
  --text-statement: clamp(2.25rem, 1.4rem + 4.4vw, 5rem);
  --leading-tight: 1;
  --leading-snug: 1.15;
  --leading-body: 1.55;
  --tracking-display: -0.045em;
  --tracking-h2: -0.04em;
  --tracking-heading: -0.02em;

  /* Boşluk (4 pt) */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(64px, 9vw, 112px);

  /* Kenar ve köşe */
  --rule-hair: 1px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Hareket: durum değişimi ve konsept demolar (motion.css). Aşma ve sekme yok. */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-settle: cubic-bezier(0.16, 1, 0.3, 1); /* sönümlü yay karşılığı: hızlı çıkış, aşmadan yerleşme */
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-long: 420ms;
  --dur-demo: 640ms; /* demo içindeki tek adım */
  --demo-step: 140ms; /* kademeli adımlar arası */

  /* Ölçü */
  --measure: 62ch;
  --page-max: 76rem;
  --content: min(100% - 2 * var(--gutter), var(--page-max) - 2 * var(--gutter));
}