/**
 * 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;

  /* 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;
  --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);

  /* 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;

    --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;
    --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-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);
  }
}