/* ============================================================
   Moment Medya — Tasarım Tokenları
   Kaynak: visual-audit/DESIGN_SYSTEM.md
   Sadece burada tanımlı değerler kullanılır; başka yerde sabit renk/boşluk yazılmaz.
   ============================================================ */
:root {
  /* Renkler */
  --navy-950: #0B1220;
  --navy-900: #111C30;
  --orange-50: #FFF7ED;
  --orange-100: #FFEDD5;
  --orange-500: #F97316;
  --orange-600: #EA580C;
  --white: #FFFFFF;
  --gray-50: #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-700: #334155;
  --gray-900: #0F172A;

  /* Tipografi */
  --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --text-xs: 0.75rem;    /* 12px — yalnızca etiketler */
  --text-sm: 0.875rem;   /* 14px */
  --text-md: 0.9375rem;  /* 15px */
  --text-base: 1rem;     /* 16px */
  --text-lg: 1.125rem;   /* 18px */
  --text-xl: 1.25rem;    /* 20px */
  --text-2xl: 1.5rem;    /* 24px */
  --text-3xl: 2rem;      /* 32px */
  --text-4xl: 3rem;      /* 48px */
  --text-5xl: 4rem;      /* 64px */
  --leading-tight: 1.15;
  --leading-snug: 1.25;
  --leading-body: 1.7;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Boşluk — 8pt ölçeği */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Köşe yarıçapı — yalnızca bu iki değer */
  --radius-sm: 8px;
  --radius-md: 12px;

  /* Gölge — yalnızca bu iki değer */
  --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.08), 0 8px 24px rgba(15, 23, 42, 0.06);
  --shadow-card-hover: 0 12px 32px rgba(15, 23, 42, 0.12);

  /* Yerleşim */
  --container-max: 1280px;
  --container-pad: 24px;
  --header-height: 72px;
  --topbar-height: 40px;
  --z-header: 100;
}