/*
 * KDID - Design Tokens (variables.css)
 * Tüm CSS custom property'leri burada tanımlanır.
 * kdid.css ve diğer stil dosyaları bu değişkenleri kullanır.
 * Marka renk, font ve boyut güncellemeleri yalnızca bu dosyada yapılır.
 */

:root {
  /* Tema renkleri */
  --color-primary: #1c1c1c;      /* dolu butonlar, koyu bölümler, aktif durumlar */
  --color-secondary: #1c1c1c;    /* footer ve büyük koyu yüzeyler */
  --color-accent: #c8546f;       /* link/buton hover, eyebrow, odak, ikon vurgusu */
  --color-bg: #ffffff;           /* sayfa zemini */
  --color-bg-alt: #fbf3f5;       /* alternatif bölümler, rozetler, form kartı */
  --color-surface: #ffffff;      /* kartlar, form kutuları */
  --color-heading: #1c1c1c;
  --color-text: #262626;
  --color-text-muted: #6d6d6d;
  --color-border: #ead9dd;
  --color-signature: #d63a6e;    /* tek güçlü imza rengi: ana CTA, aktif durum, rozet, adım numarası */

  /* Türetilmiş renkler */
  --color-on-primary: #ffffff;
  --color-primary-hover: #c8546f;
  --color-primary-rgb: 28, 28, 28;
  --color-bg-rgb: 255, 255, 255;
  --color-overlay-rgb: 18, 18, 18;
  --color-focus-ring: rgba(214, 58, 110, 0.16);
  --color-border-strong: #d3c3c7;
  --color-input-border: #dcccd0;
  --color-placeholder: #969696;
  --color-decor: #9c9c9c;
  --color-decor-light: #c2c2c2;
  --color-bg-alt-deep: #f1e9eb;
  --color-footer-bg: #191919;
  --color-text-soft: #5f5f5f;
  --color-logo-filter: none;     /* header zemini koyu olursa: brightness(0) invert(1) */
  --color-on-signature: #ffffff;
  --color-signature-hover: #b8325f;
  --color-signature-subtle: #fbebf1;
  --color-signature-text: #c13463;

  /* Eski token adları */
  --kd-color-ink: var(--color-text);
  --kd-color-muted: var(--color-text-muted);
  --kd-color-line: var(--color-border);
  --kd-color-surface: var(--color-surface);
  --kd-color-soft: var(--color-bg-alt);
  --kd-color-accent: var(--color-accent);
  --kd-color-accent-contrast: var(--color-on-primary);

  /* Durum renkleri */
  --kd-color-success: #16a34a;
  --kd-color-warning: #ca8a04;
  --kd-color-error: #dc2626;
  --kd-color-info: #2563eb;

  /* Tipografi */
  --kd-font-base: Inter, "Segoe UI", Arial, sans-serif;
  --kd-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Font boyutlari */
  --kd-text-xs: 11px;
  --kd-text-sm: 13px;
  --kd-text-base: 15px;
  --kd-text-md: 17px;
  --kd-text-lg: 21px;
  --kd-text-xl: 27px;
  --kd-text-2xl: 34px;
  --kd-text-3xl: clamp(34px, 4vw, 58px);
  --kd-text-hero: clamp(48px, 7vw, 98px);

  /* Font agirliklar */
  --kd-weight-light: 300;
  --kd-weight-normal: 400;
  --kd-weight-medium: 500;
  --kd-weight-semibold: 600;
  --kd-weight-bold: 700;

  /* Satir yukseklikleri */
  --kd-leading-tight: 1.06;
  --kd-leading-snug: 1.25;
  --kd-leading-normal: 1.55;
  --kd-leading-relaxed: 1.75;
  --kd-leading-loose: 1.8;

  /* Spacing */
  --kd-space-1: 4px;
  --kd-space-2: 8px;
  --kd-space-3: 12px;
  --kd-space-4: 16px;
  --kd-space-5: 20px;
  --kd-space-6: 24px;
  --kd-space-8: 32px;
  --kd-space-10: 40px;
  --kd-space-12: 48px;
  --kd-space-16: 64px;

  /* Border Radius */
  --kd-radius-sm: 8px;
  --kd-radius-md: 16px;
  --kd-radius-lg: 28px;
  --kd-radius-full: 9999px;

  /* Gölgeler */
  --kd-shadow-soft: 0 18px 55px rgba(20, 20, 20, 0.08);
  --kd-shadow-card: 0 4px 24px rgba(20, 20, 20, 0.06);
  --kd-shadow-header: 0 8px 30px rgba(20, 20, 20, 0.06);

  /* Layout */
  --kd-container: 1320px;
  --kd-header-height: 86px;

  /* Gecisler */
  --kd-transition-fast: 0.15s ease;
  --kd-transition-base: 0.25s ease;
  --kd-transition-slow: 0.4s ease;
  --kd-transition-image: 0.8s cubic-bezier(0.2, 0.7, 0, 1);
}