:root {
  /* === Kırmızı paleti — REİS logo kırmızısı === */
  --red-50:  #FDE8EB;
  --red-100: #FBC6CC;
  --red-200: #F49AA4;
  --red-300: #EC6E7B;
  --red-400: #E5424F;
  --red-500: #E6293A;   /* PRIMARY — logo kırmızısı */
  --red-600: #C9212F;   /* hover */
  --red-700: #A4192A;   /* active / dark accent */
  --red-800: #7C1422;
  --red-900: #561321;

  /* === Koyu gri / nötr (logo koyu gri esaslı) === */
  --dark-50:  #F7F7F9;
  --dark-100: #E8E8EB;
  --dark-200: #C8C8CE;
  --dark-300: #A0A0A8;
  --dark-400: #6E6E78;
  --dark-500: #4A4A52;
  --dark-600: #3A3A42;
  --dark-700: #2A2A2E;
  --dark-800: #1F1F23;
  --dark-900: #15151A;   /* ana arka plan */
  --dark-950: #0E0E12;   /* en koyu / footer */
  --dark-975: #08080B;

  /* === Silver / soluk metin === */
  --silver-100: #F5F5F7;
  --silver-200: #E8E8EB;
  --silver-300: #D5D5DA;
  --silver-400: #B8B8BE;
  --silver-500: #8E8E94;
  --silver-700: #5A5A60;

  /* === Backward-compatibility aliases (eski kod buralara referans veriyordu) === */
  --blue-50:  var(--dark-50);
  --blue-100: var(--silver-200);
  --blue-200: var(--silver-300);
  --blue-300: var(--red-400);    /* aksent (eski mavi 300 → kırmızı 400) */
  --blue-400: var(--red-500);
  --blue-500: var(--red-600);
  --blue-600: var(--red-700);
  --blue-700: var(--dark-600);
  --blue-800: var(--dark-700);
  --blue-900: var(--dark-800);
  --blue-950: var(--dark-900);
  --blue-975: var(--dark-950);

  /* === Aksan === */
  --whatsapp: #25D366;
  --whatsapp-dark: #1DA851;

  /* === Metin === */
  --text-on-dark: #F5F5F7;
  --text-muted-dark: #A8A8B0;
  --text-faint-dark: #6E6E78;
  --text-on-light: #15151A;
  --text-muted-light: #4A4A52;

  /* === Gradientler === */
  --gradient-primary: linear-gradient(135deg, #E6293A 0%, #C9212F 100%);
  --gradient-primary-hover: linear-gradient(135deg, #FF3548 0%, #DD2535 100%);
  --gradient-accent: linear-gradient(90deg, #E6293A 0%, #7C1422 100%);
  --gradient-silver: linear-gradient(135deg, #F5F5F7 0%, #B8B8BE 100%);
  --gradient-card: linear-gradient(180deg, rgba(42, 42, 46, 0.55) 0%, rgba(15, 15, 26, 0.4) 100%);
  --gradient-hero-glow: radial-gradient(ellipse at 50% 20%, rgba(230, 41, 58, 0.16) 0%, transparent 60%);
  --gradient-section-glow: radial-gradient(ellipse at 80% 50%, rgba(230, 41, 58, 0.08) 0%, transparent 60%);
  --gradient-red-soft: linear-gradient(135deg, rgba(230, 41, 58, 0.15), rgba(124, 20, 34, 0.25));

  /* === Tipografi === */
  --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.25rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;
  --fs-3xl:  2.5rem;
  --fs-4xl:  clamp(2.5rem, 5vw, 3.5rem);
  --fs-5xl:  clamp(3rem, 6vw, 4.5rem);

  /* === Layout === */
  --container-max: 1280px;
  --container-padding: clamp(20px, 4vw, 48px);
  --section-py: clamp(64px, 8vw, 120px);
  --gap-xs: 8px;
  --gap-sm: 12px;
  --gap-md: 20px;
  --gap-lg: 32px;
  --gap-xl: 48px;

  /* === Radius === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* === Shadow + glow === */
  --shadow-sm: 0 2px 8px rgba(8, 8, 11, 0.4);
  --shadow-md: 0 8px 24px rgba(8, 8, 11, 0.5);
  --shadow-lg: 0 16px 48px rgba(8, 8, 11, 0.6);
  --glow-red: 0 0 32px rgba(230, 41, 58, 0.35);
  --glow-red-strong: 0 0 48px rgba(230, 41, 58, 0.55);

  /* Backward compatibility */
  --glow-blue: var(--glow-red);
  --glow-blue-strong: var(--glow-red-strong);

  /* === Transitions === */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --t-fast: 150ms;
  --t-base: 250ms;
  --t-slow: 400ms;

  /* === Z-index === */
  --z-fab: 50;
  --z-header: 100;
  --z-drawer: 200;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}