/**
 * Omnex UI Kit — themes/dark.css
 * Karanlık tema: "Omnex Mineral" derin tonlar.
 *
 * DİKKAT: Aşağıdaki iki blok (data-theme="dark" ve prefers-color-scheme
 * fallback'i) BİREBİR AYNI tutulur. Birini değiştiren diğerini de değiştirir.
 * Modül seviyesinde dark hack yasaktır (Bible Themes kontratı).
 */

:root[data-theme="dark"] {
  color-scheme: dark;

  /* Metin imleci: ACIK cekirdek + KOYU hale (light.css'in tersi). */
  --ox-cursor-text: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><g fill='none' stroke-linecap='round'><path d='M9 2V16M6.5 2H11.5M6.5 16H11.5' stroke='%230c1210' stroke-width='1.8' stroke-opacity='.4'/><path d='M9 2V16M6.5 2H11.5M6.5 16H11.5' stroke='%23e4eae7' stroke-width='1'/></g></svg>") 9 9;

  /* Yüzeyler */
  --ox-bg: #0c1210;
  --ox-surface: #121a17;
  --ox-surface-2: #18221e;

  /* Metin */
  --ox-fg: #e4eae7;
  --ox-fg-muted: #93a29a;
  --ox-fg-faint: #6b7a72;

  /* Çizgiler */
  --ox-border: #243029;
  --ox-border-strong: #33423a;

  /* Marka */
  --ox-primary: #14b8a6;
  --ox-primary-hover: #2cc5b4;
  --ox-primary-active: #0d9488;
  --ox-primary-fg: #052622;
  /* Tur rengi DOLU zemin uzerindeki metin/ikon (bkz. light.css aciklamasi). */
  --ox-on-accent: #08110f;
  --ox-primary-subtle: rgba(20, 184, 166, 0.14);
  --ox-accent: var(--ox-primary);
  --ox-ring: rgba(20, 184, 166, 0.35);

  /* Durum renkleri */
  --ox-success: #34d399;
  --ox-success-subtle: rgba(52, 211, 153, 0.14);
  --ox-warning: #fbbf24;
  --ox-warning-subtle: rgba(251, 191, 36, 0.14);
  --ox-danger: #f87171;
  --ox-danger-subtle: rgba(248, 113, 113, 0.14);
  --ox-info: #38bdf8;
  --ox-info-subtle: rgba(56, 189, 248, 0.14);
  /* Kategori tonu (severity DEGIL) — bkz. light.css ayni blok (2026-09-17). */
  --ox-violet: #a78bfa;
  --ox-violet-subtle: rgba(167, 139, 250, 0.14);
  --ox-fuchsia: #e879f9;
  --ox-fuchsia-subtle: rgba(232, 121, 249, 0.14);

  /* Seçim / kaplama */
  --ox-selection: rgba(20, 184, 166, 0.24);
  --ox-backdrop: rgba(4, 8, 6, 0.6);

  /* Gölgeler */
  --ox-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --ox-shadow-md: 0 2px 10px -2px rgba(0, 0, 0, 0.4);
  --ox-shadow-lg: 0 8px 28px -6px rgba(0, 0, 0, 0.5);
  --ox-shadow-overlay: 0 16px 56px -8px rgba(0, 0, 0, 0.6);
}

/* Sistem tercihi karanlıksa ve kullanıcı tema seçmemişse: yukarıyla AYNI. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;

    /* Metin imleci: yukaridaki blokla BIREBIR ayni. */
    --ox-cursor-text: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><g fill='none' stroke-linecap='round'><path d='M9 2V16M6.5 2H11.5M6.5 16H11.5' stroke='%230c1210' stroke-width='1.8' stroke-opacity='.4'/><path d='M9 2V16M6.5 2H11.5M6.5 16H11.5' stroke='%23e4eae7' stroke-width='1'/></g></svg>") 9 9;

    --ox-bg: #0c1210;
    --ox-surface: #121a17;
    --ox-surface-2: #18221e;

    --ox-fg: #e4eae7;
    --ox-fg-muted: #93a29a;
    --ox-fg-faint: #6b7a72;

    --ox-border: #243029;
    --ox-border-strong: #33423a;

    --ox-primary: #14b8a6;
    --ox-primary-hover: #2cc5b4;
    --ox-primary-active: #0d9488;
    --ox-primary-fg: #052622;
  /* Tur rengi DOLU zemin uzerindeki metin/ikon (bkz. light.css aciklamasi). */
  --ox-on-accent: #08110f;
    --ox-primary-subtle: rgba(20, 184, 166, 0.14);
    --ox-accent: var(--ox-primary);
    --ox-ring: rgba(20, 184, 166, 0.35);

    --ox-success: #34d399;
    --ox-success-subtle: rgba(52, 211, 153, 0.14);
    --ox-warning: #fbbf24;
    --ox-warning-subtle: rgba(251, 191, 36, 0.14);
    --ox-danger: #f87171;
    --ox-danger-subtle: rgba(248, 113, 113, 0.14);
    --ox-info: #38bdf8;
    --ox-info-subtle: rgba(56, 189, 248, 0.14);
    --ox-violet: #a78bfa;
    --ox-violet-subtle: rgba(167, 139, 250, 0.14);
    --ox-fuchsia: #e879f9;
    --ox-fuchsia-subtle: rgba(232, 121, 249, 0.14);

    --ox-selection: rgba(20, 184, 166, 0.24);
    --ox-backdrop: rgba(4, 8, 6, 0.6);

    --ox-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --ox-shadow-md: 0 2px 10px -2px rgba(0, 0, 0, 0.4);
    --ox-shadow-lg: 0 8px 28px -6px rgba(0, 0, 0, 0.5);
    --ox-shadow-overlay: 0 16px 56px -8px rgba(0, 0, 0, 0.6);
  }
}