/*
 * Industry koyu varyantı (kullanıcı kararı 2026-10-05: koyu tema da olsun). Industry yalnız açık zemin tanımlar;
 * burada aynı roller koyu zemine taşınır: rampalar ters çevrilir (100 = en koyu dolgu/hover, 900 = en açık metin),
 * böylece "metin için 700+, dolgu için 100–300" kuralı iki temada da aynı sonucu verir.
 */
:root[data-theme='dark'] {
  color-scheme: dark;
  --color-bg: #15181b;
  --color-surface: #1c2024;
  --color-text: #e3e5e7;
  --color-accent: #7aa2c8;
  --color-accent-2: #8aa4bd;
  --color-divider: color-mix(in srgb, #e3e5e7 16%, transparent);

  --color-neutral-100: #1f2226;
  --color-neutral-200: #272a2f;
  --color-neutral-300: #34383d;
  --color-neutral-400: #4b4f55;
  --color-neutral-500: #6c7076;
  --color-neutral-600: #8b8f94;
  --color-neutral-700: #a5a8ad;
  --color-neutral-800: #c3c5c9;
  --color-neutral-900: #dfe0e2;

  --color-accent-100: #1b2733;
  --color-accent-200: #223448;
  --color-accent-300: #2c4661;
  --color-accent-400: #3b5e80;
  --color-accent-500: #5a81a8;
  --color-accent-600: #8db0d2;
  --color-accent-700: #9fc0e1;
  --color-accent-800: #c0d8ef;
  --color-accent-900: #dcebf8;

  --color-accent-2-100: #1b2733;
  --color-accent-2-200: #223448;
  --color-accent-2-300: #2c4661;
  --color-accent-2-400: #3b5e80;
  --color-accent-2-500: #5a81a8;
  --color-accent-2-600: #8db0d2;
  --color-accent-2-700: #9fc0e1;
  --color-accent-2-800: #c0d8ef;
  --color-accent-2-900: #dcebf8;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 0 0 1px var(--color-divider), 0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 0 0 1px var(--color-divider), 0 14px 36px rgba(0, 0, 0, 0.55);
}

/* koyu zeminde basılı/hover vurgusu bir adım açığa gider (Industry: "accent-400 on a dark one") */
:root[data-theme='dark'] .btn-primary:hover { background: var(--color-accent-600); }
:root[data-theme='dark'] .btn-primary:active { background: var(--color-accent-500); }