/* ============================================================
   Design Tokens — Plise Perde Fiyatları
   Tailwind benzeri tutarlı, kompakt, stabil sistem
   ============================================================ */

:root {
  /* Renkler */
  --c-primary: #83bd81;
  --c-primary-600: #6fa86d;
  --c-primary-700: #5a9158;
  --c-primary-50: #eef6ee;
  --c-primary-100: #d9ecd9;
  --c-primary-200: #b8d8b6;

  --c-secondary: #404e5e;
  --c-secondary-600: #35414f;
  --c-secondary-700: #2b3540;
  --c-secondary-50: #eef1f4;
  --c-secondary-100: #dde3e9;
  --c-secondary-200: #c2ccd6;

  --c-neutral-0: #ffffff;
  --c-neutral-50: #f8fafc;
  --c-neutral-100: #f1f5f9;
  --c-neutral-200: #e2e8f0;
  --c-neutral-300: #cbd5e1;
  --c-neutral-400: #94a3b8;
  --c-neutral-500: #64748b;
  --c-neutral-600: #475569;
  --c-neutral-700: #334155;
  --c-neutral-800: #1e293b;
  --c-neutral-900: #0f172a;

  --c-success: #16a34a;
  --c-warning: #d97706;
  --c-danger: #dc2626;

  /* Tipografi — kompakt ölçek */
  --fs-xs: 0.6875rem;   /* 11px */
  --fs-sm: 0.75rem;     /* 12px */
  --fs-base: 0.8125rem; /* 13px */
  --fs-md: 0.875rem;    /* 14px */
  --fs-lg: 1rem;        /* 16px */
  --fs-xl: 1.125rem;    /* 18px */
  --fs-2xl: 1.375rem;   /* 22px */
  --fs-3xl: 1.75rem;    /* 28px */

  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-normal: 1.5;
  --lh-relaxed: 1.65;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --ff-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --ff-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Spacing — 4px taban */
  --sp-0: 0;
  --sp-1: 0.25rem;  /* 4 */
  --sp-2: 0.5rem;   /* 8 */
  --sp-3: 0.75rem;  /* 12 */
  --sp-4: 1rem;     /* 16 */
  --sp-5: 1.25rem;  /* 20 */
  --sp-6: 1.5rem;   /* 24 */
  --sp-8: 2rem;     /* 32 */
  --sp-10: 2.5rem;  /* 40 */
  --sp-12: 3rem;    /* 48 */
  --sp-16: 4rem;    /* 64 */
  --sp-20: 5rem;    /* 80 */

  /* Radius */
  --r-sm: 0.25rem;
  --r-md: 0.5rem;
  --r-lg: 0.75rem;
  --r-xl: 1rem;
  --r-2xl: 1.25rem;
  --r-full: 9999px;

  /* Shadow — yumuşak, stabil */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 2px 8px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.10);
  --shadow-xl: 0 16px 40px rgba(15, 23, 42, 0.12);
  --shadow-primary: 0 8px 24px rgba(131, 189, 129, 0.28);

  /* Container */
  --container-max: 1440px;
  --container-pad: var(--sp-4);

  /* Transition */
  --t-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-slow: 320ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-spring: 320ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-index */
  --z-sticky: 100;
  --z-header: 200;
  --z-bottombar: 300;
  --z-tooltip: 900;
  --z-modal: 1000;
  --z-toast: 1100;

  /* Header yüksekliği */
  --header-h: 56px;
  --bottombar-h: 64px;
}