/* ==========================================================================
   Karahallılar Grubu — Design Tokens
   Renk paleti: Karahallılar marka referansı
   ========================================================================== */

:root {
  /* --- Colors (marka referansı) --- */
  --color-brand-navy: #3A307C;   /* Ana marka: buton, link, aktif menü, vurgu */
  --color-brand-red: #D8402F;    /* Ana aksan: alt çizgi, vurgu, mikro işaret */
  --color-accent-coral: #D94E33; /* Yardımcı sıcak aksan */
  --color-navy-deep: #183859;    /* Koyu panel, footer, overlay */
  --color-navy-mid: #305C8C;     /* Hover ve ikincil mavi */
  --color-soft-lilac: #E1E3EE;   /* Açık yardımcı yüzey */
  --color-deep-ink: #3C434A;     /* Ana başlık ve gövde metni */
  --color-graphite: #5F6670;     /* Açıklama metni, meta bilgi */
  --color-soft-gray: #F2F1F0;    /* Alternatif bölüm zemini, kart yüzeyi */
  --color-line-gray: #E1E3EE;    /* İnce border, ayırıcı */
  --color-white: #FFFFFF;
  --color-success-green: #28A745;
  --color-sky-blue: #1DA1F2;

  /* Semantic aliases */
  --text: var(--color-deep-ink);
  --text-muted: var(--color-graphite);
  --bg: var(--color-white);
  --bg-alt: var(--color-soft-gray);
  --border: var(--color-line-gray);
  --action: var(--color-brand-navy);
  --action-hover: var(--color-navy-mid);
  --accent: var(--color-brand-red);
  --dark: var(--color-navy-deep);

  /* Brand RGB (rgba kullanımı için) */
  --brand-rgb: 58, 48, 124;
  --accent-rgb: 216, 64, 47;

  /* --- Typography --- */
  --font-sans: "Cabin", "Avenir Next", Avenir, Arial, sans-serif;
  --font-display: "Cabin", "Avenir Next", Avenir, Arial, sans-serif;
  --font-support: "Avenir Next", Avenir, "Cabin", Arial, sans-serif;
  --font-serif: "Clarendon", "Georgia", serif;
  --font-playful: "Holla", "Brush Script MT", cursive;

  --text-eyebrow: 700 0.75rem/1.35 var(--font-sans);
  --text-body-sm: 400 0.875rem/1.55 var(--font-sans);
  --text-body: 400 1rem/1.6 var(--font-sans);
  --text-body-lg: 400 1.125rem/1.55 var(--font-sans);
  --text-nav: 600 0.9375rem/1.2 var(--font-sans);

  --size-card-title: 1.375rem;   /* 22px */
  --size-section-title: 2.5rem;  /* 40px */
  --size-page-title: 3.5rem;     /* 56px */
  --size-hero: 4.5rem;           /* 72px */
  --size-stat: 3rem;             /* 48px */

  /* --- Spacing (base 8px) --- */
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;

  /* --- Radius --- */
  --radius-card: 8px;
  --radius-button: 0px;
  --radius-input: 0px;
  --radius-tag: 999px;
  --radius-modal: 8px;

  /* --- Shadows --- */
  --shadow-subtle: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-menu: 0 24px 64px rgba(17, 19, 24, 0.14);
  --shadow-lift: 0 16px 40px rgba(17, 19, 24, 0.12);

  /* --- Layout --- */
  --max-width: 1280px;
  --outer-pad: 40px;
  --header-h: 80px;

  /* --- Motion --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 180ms;
  --dur-mid: 220ms;
}