/* Eksendoo Design Tokens — Tasarım dosyasından portlandı */

:root {
  /* Brand */
  --eks-red: #E11D2E;
  --eks-red-600: #C9162A;
  --eks-red-50: #FFF1F2;
  --eks-navy: #0E2A47;
  --eks-cream: #FBF7EF;
  --eks-gold: #D4A24C;
  --eks-green: #1B7A3E;
  --eks-orange: #F08A2C;
  --eks-saffron: #E8A33D;
  --eks-olive: #6B7A3A;

  /* Tag colors */
  --tag-b2c: var(--eks-red);
  --tag-b2b: var(--eks-navy);

  /* Neutrals (light) — krem zemin, premium delicatessen hissi */
  --bg: #FFFFFF;
  --bg-soft: #FBF7EF;          /* cream */
  --bg-elevated: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #F4EFE3;        /* warm cream-2 */
  --border: #E6DFD0;
  --border-strong: #C9BFA8;
  --ink: #14110E;
  --ink-2: #3A3631;
  --ink-3: #6A655E;
  --ink-4: #98938B;

  /* Status */
  --success: #1B7A3E;
  --warn: #C77700;
  --danger: #B42318;
  --info: #1F6FB5;

  /* Brand active — lacivert primary + gold accent
     (kırmızı --eks-red değişkeni aksan/sale rozetleri için saklı) */
  --primary: var(--eks-navy);
  --primary-600: #08203A;
  --primary-50: #EEF3FA;
  --primary-ink: #FFFFFF;
  --accent: var(--eks-gold);
  --ring: 0 0 0 3px rgba(14,42,71,0.22);

  /* Typography */
  --font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Radii */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* Spacing */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --s-10: 72px;

  /* Density */
  --density: 1;
  --row-h: calc(40px * var(--density));
  --pad-card: calc(20px * var(--density));

  /* Shadows */
  --shadow-1: 0 1px 2px rgba(20,17,14,0.04), 0 1px 1px rgba(20,17,14,0.03);
  --shadow-2: 0 6px 18px rgba(20,17,14,0.08), 0 2px 4px rgba(20,17,14,0.04);
  --shadow-3: 0 18px 40px rgba(20,17,14,0.12), 0 4px 10px rgba(20,17,14,0.06);
  --ring: 0 0 0 3px rgba(225,29,46,0.18);

  --container: 1280px;
}

/* ===== Theme: Calm (default) ===== */
[data-theme="calm"] {
  --primary: #E11D2E;
  --primary-600: #C9162A;
  --primary-50: #FFF1F2;
  --accent: #0E2A47;
  --r-md: 8px;
  --r-lg: 12px;
}

/* ===== Theme: Bold ===== */
[data-theme="bold"] {
  --primary: #E11D2E;
  --primary-600: #B40E20;
  --primary-50: #FFF1F2;
  --accent: #F08A2C;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 28px;
}

/* ===== Dark mode ===== */
[data-mode="dark"] {
  --bg: #0E0D0B;
  --bg-soft: #15140F;
  --bg-elevated: #1B1A15;
  --surface: #1B1A15;
  --surface-2: #232118;
  --border: #2D2A22;
  --border-strong: #3D3930;
  --ink: #F6F2E9;
  --ink-2: #D9D3C5;
  --ink-3: #9C9586;
  --ink-4: #6F6A5F;
  --primary-50: rgba(225,29,46,0.16);
  --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,0.5);
  --shadow-3: 0 24px 60px rgba(0,0,0,0.6);
}

/* ===== Base resets ===== */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01", "cv11";
}
h1, h2, h3, h4 {
  font-family: var(--font-display);
  margin: 0;
  letter-spacing: -0.02em;
}
h1 { font-size: clamp(28px, 5vw, 64px); line-height: 1.05; font-weight: 700; }
h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.1; font-weight: 700; }
h3 { font-size: 20px; font-weight: 700; }
h4 { font-size: 15px; font-weight: 600; }
p { margin: 0; line-height: 1.5; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }
a { color: inherit; text-decoration: none; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 999px; }

/* Container */
.eks-container { max-width: var(--container); margin: 0 auto; padding: 0 24px; }