/* ==========================================================================
   Bimarj — Tasarım sistemi token'ları (Mimari v1.1 §10)
   Bileşen CSS'lerinde ham hex veya sabit px YAZILMAZ; yalnızca var(--…).
   ========================================================================== */
:root {
  /* Marka */
  --color-primary-50:#ECF7F1; --color-primary-100:#D3EDE0; --color-primary-300:#74C3A0;
  --color-primary-500:#1F7A4D; --color-primary-600:#17663F; --color-primary-700:#0F4F30;

  /* Nötr */
  --color-bg:#FFFFFF; --color-bg-subtle:#F7F9F8; --color-surface:#FFFFFF;
  --color-border:#E5E9E7; --color-border-strong:#CBD3CF;
  --color-text:#12201A; --color-text-muted:#5B6B64; --color-text-invert:#FFFFFF;

  /* Durum */
  --color-success:#1F7A4D; --color-success-bg:#E6F4EC;
  --color-warning:#B45309; --color-warning-bg:#FEF6E0;
  --color-danger:#C02626;  --color-danger-bg:#FDEAEE;
  --color-info:#1D4ED8;    --color-info-bg:#E8F1FB;

  /* Araç kategorisi pastelleri */
  --cat-profit-bg:#FDEDE8;     --cat-profit-fg:#C2410C;
  --cat-desi-bg:#E8F1FB;       --cat-desi-fg:#1D4ED8;
  --cat-shipping-bg:#E6F4EC;   --cat-shipping-fg:#15803D;
  --cat-commission-bg:#F0EBFB; --cat-commission-fg:#6D28D9;
  --cat-breakeven-bg:#FEF6E0;  --cat-breakeven-fg:#B45309;
  --cat-target-bg:#FDEAEE;     --cat-target-fg:#BE123C;

  /* Gider dağılımı grafiği */
  --chart-1:#1F7A4D; --chart-2:#1D4ED8; --chart-3:#B45309;
  --chart-4:#6D28D9; --chart-5:#BE123C; --chart-6:#0E7490;

  /* Pazaryeri marka renkleri — tema değişse de sabit kalır */
  --mp-trendyol:#F27A1A; --mp-hepsiburada:#FF6000; --mp-n11:#5F2D8C;
  --mp-amazon:#FF9900; --mp-amazon-ink:#232F3E; --mp-pazarama:#1A56DB;
  --mp-idefix:#E4002B; --mp-pttavm:#00A0E3;

  /* Tipografi */
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-base:1rem; --fs-md:1.125rem;
  --fs-lg:1.25rem; --fs-xl:1.5rem; --fs-2xl:1.875rem; --fs-3xl:2.25rem;
  --fs-hero:clamp(1.875rem,1.2rem + 2.6vw,3rem);
  --lh-tight:1.2; --lh-snug:1.35; --lh-normal:1.6;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;

  /* Spacing (4px tabanlı) */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.25rem;
  --sp-6:1.5rem; --sp-8:2rem; --sp-10:2.5rem; --sp-12:3rem; --sp-16:4rem;

  /* Radius / shadow / motion */
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-xl:24px; --radius-full:999px;
  --shadow-xs:0 1px 2px rgba(18,32,26,.06);
  --shadow-sm:0 2px 8px rgba(18,32,26,.07);
  --shadow-md:0 6px 20px rgba(18,32,26,.09);
  --shadow-focus:0 0 0 3px var(--color-primary-100);
  --container-max:1200px;
  --ease:cubic-bezier(.4,0,.2,1); --dur-fast:120ms; --dur-base:200ms;
}

@media (prefers-reduced-motion:reduce){ :root{ --dur-fast:0ms; --dur-base:0ms; } }