/* ============================================
   iOS OTA Distribution - Dark Mode
   ============================================ */

[data-theme="dark"] {
  --color-bg: #000000;
  --color-surface: #1c1c1e;
  --color-surface-secondary: #2c2c2e;
  --color-text: #f5f5f7;
  --color-text-secondary: #98989d;
  --color-text-tertiary: #636366;
  --color-border: #38383a;
  --color-divider: rgba(255, 255, 255, 0.08);

  --color-primary-light: rgba(10, 132, 255, 0.2);

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .skeleton {
  background: linear-gradient(90deg, var(--color-surface-secondary) 25%, var(--color-border) 50%, var(--color-surface-secondary) 75%);
}

[data-theme="dark"] .toast {
  background: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
}

/* System preference fallback */
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --color-bg: #000000;
    --color-surface: #1c1c1e;
    --color-surface-secondary: #2c2c2e;
    --color-text: #f5f5f7;
    --color-text-secondary: #98989d;
    --color-text-tertiary: #636366;
    --color-border: #38383a;
    --color-divider: rgba(255, 255, 255, 0.08);

    --color-primary-light: rgba(10, 132, 255, 0.2);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
  }

  [data-theme="auto"] .skeleton {
    background: linear-gradient(90deg, var(--color-surface-secondary) 25%, var(--color-border) 50%, var(--color-surface-secondary) 75%);
  }

  [data-theme="auto"] .toast {
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-border);
  }
}