/**
 * Kodla Türkiye - Tasarım Değişkenleri & Renk Paleti (CSS Variables)
 * Standart Modal, Form ve Panel Tasarım Dili
 */

:root {
  /* Ana Marka Renkleri */
  --kt-primary: #ec5251;                  /* Kodla Türkiye Mercan Kırmızısı */
  --kt-primary-hover: #d64241;
  --kt-primary-active: #bd3433;
  --kt-primary-rgb: 236, 82, 81;
  --kt-primary-glow: rgba(236, 82, 81, 0.25);

  --kt-secondary: #37bed7;                /* Turkuaz / Cyan Vurgu */
  --kt-secondary-hover: #2db1ca;
  --kt-secondary-active: #229cb3;
  --kt-secondary-rgb: 55, 190, 215;
  --kt-secondary-glow: rgba(55, 190, 215, 0.22);
  --kt-secondary-tint: rgba(55, 190, 215, 0.08);

  /* Durum Renkleri */
  --kt-success: #10b981;
  --kt-success-rgb: 16, 185, 129;
  --kt-warning: #f59e0b;
  --kt-warning-rgb: 245, 158, 11;
  --kt-danger: #ef4444;
  --kt-danger-hover: #dc2626;
  --kt-danger-rgb: 239, 68, 68;
  --kt-info: #0284c7;

  /* Koyu Tema Yüzey & Zemin Renkleri */
  --kt-bg-body: #07111d;                  /* Sayfa ana zemini */
  --kt-bg-panel: #0a1424;                 /* Üst bar & sidebar */
  --kt-surface: #0e1a2d;                  /* Modal içerik gövdesi */
  --kt-surface-card: #12213a;             /* Kart ve alt panel yüzeyi */
  --kt-surface-hover: #162744;            /* Vurgulu/hover alanlar */
  --kt-surface-active: #1b3052;

  /* Form & Input Renkleri */
  --kt-input-bg: #091322;                 /* Form girdi arka planı */
  --kt-input-bg-focus: #0c182a;
  --kt-input-border: #233b54;             /* Form kenarlık */
  --kt-input-border-focus: #37bed7;       /* Focus kenarlık */
  --kt-input-placeholder: #536b85;
  --kt-input-text: #e2e8f0;

  /* Kenarlık & Çizgi Renkleri */
  --kt-border-subtle: rgba(55, 190, 215, 0.16);
  --kt-border-light: rgba(255, 255, 255, 0.08);
  --kt-border-modal: rgba(55, 190, 215, 0.28);
  --kt-divider: #182b3f;

  /* Metin Renkleri */
  --kt-text-heading: #ffffff;
  --kt-text-primary: #e2e8f0;
  --kt-text-secondary: #94a3b8;
  --kt-text-muted: #64748b;
  --kt-text-label: #cbd5e1;

  /* Backdrop & Gölgeler */
  --kt-modal-backdrop: rgba(3, 8, 18, 0.78);
  --kt-modal-blur: 5px;
  --kt-modal-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--kt-border-modal);
  --kt-card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45);

  /* Yuvarlaklık (Border Radius) */
  --kt-radius-sm: 6px;
  --kt-radius-md: 8px;
  --kt-radius-lg: 12px;
  --kt-radius-xl: 16px;

  /* Tipografi */
  --kt-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --kt-font-mono: 'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}