/* ==========================================================================
   QP Solid Systems - Tema degiskenleri
   Palet dogrudan logodan cikarildi:
   #0C1B3A derin lacivert / #1E3357 orta lacivert / #3C5478 celik mavi
   #8C96AC metalik gumus
   ========================================================================== */

:root {
  /* Marka renkleri (her iki temada sabit) */
  --brand-900: #071129;
  --brand-800: #0c1b3a;
  --brand-700: #142647;
  --brand-600: #1e3357;
  --brand-500: #2b4570;
  --brand-400: #3c5478;
  --brand-300: #5d76a0;
  --brand-200: #8c96ac;
  --brand-100: #c3ccdd;

  --accent: #4f7fd1;
  --accent-soft: rgba(79, 127, 209, 0.14);
  --metal: linear-gradient(135deg, #8c96ac 0%, #e8edf6 45%, #5d76a0 100%);

  --success: #1f8a5b;
  --warning: #b7791f;
  --danger: #c0392b;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Georgia", "Times New Roman", serif;

  --radius-sm: 4px;
  --radius: 10px;
  --radius-lg: 18px;

  --container: 1180px;
  --header-h: 78px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* -------------------------------------------------- GUNDUZ (light) */
:root,
[data-theme="light"] {
  --bg: #f6f8fb;
  --bg-elevated: #ffffff;
  --bg-sunken: #eef2f8;
  --bg-inverse: var(--brand-800);

  --surface: #ffffff;
  --surface-hover: #f2f5fa;
  --border: #dde4ee;
  --border-strong: #c3ccdd;

  --text: #0c1b3a;
  --text-muted: #5a6781;
  --text-inverse: #ffffff;

  --header-bg: rgba(255, 255, 255, 0.86);
  --hero-bg: linear-gradient(160deg, #0c1b3a 0%, #1e3357 55%, #2b4570 100%);
  --hero-text: #ffffff;

  --shadow-sm: 0 1px 2px rgba(12, 27, 58, 0.06);
  --shadow: 0 8px 24px rgba(12, 27, 58, 0.08);
  --shadow-lg: 0 24px 60px rgba(12, 27, 58, 0.14);

  --grid-line: rgba(12, 27, 58, 0.06);
  color-scheme: light;
}

/* -------------------------------------------------- GECE (dark) */
[data-theme="dark"] {
  --bg: #060d1c;
  --bg-elevated: #0c1b3a;
  --bg-sunken: #040914;
  --bg-inverse: #ffffff;

  --surface: #0f2140;
  --surface-hover: #16294c;
  --border: #1c3054;
  --border-strong: #2b4570;

  --text: #e8edf6;
  --text-muted: #97a3bd;
  --text-inverse: #0c1b3a;

  --header-bg: rgba(6, 13, 28, 0.84);
  --hero-bg: linear-gradient(160deg, #060d1c 0%, #0c1b3a 55%, #16294c 100%);
  --hero-text: #ffffff;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55);

  --grid-line: rgba(140, 150, 172, 0.09);
  --accent: #6f9ae8;
  --accent-soft: rgba(111, 154, 232, 0.16);
  color-scheme: dark;
}

/* Sistem tercihi: kullanici secim yapmadiysa (data-theme yoksa) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #060d1c;
    --bg-elevated: #0c1b3a;
    --bg-sunken: #040914;
    --surface: #0f2140;
    --surface-hover: #16294c;
    --border: #1c3054;
    --border-strong: #2b4570;
    --text: #e8edf6;
    --text-muted: #97a3bd;
    --text-inverse: #0c1b3a;
    --header-bg: rgba(6, 13, 28, 0.84);
    --hero-bg: linear-gradient(160deg, #060d1c 0%, #0c1b3a 55%, #16294c 100%);
    --grid-line: rgba(140, 150, 172, 0.09);
    color-scheme: dark;
  }
}