/* ═══════════════════════════════════════════════════════
   OURO  ·  Theme: dark / light overrides
   ═══════════════════════════════════════════════════════ */

/* ── System dark mode ───────────────────────────────── */
@media (prefers-color-scheme: dark) {
  :root {
    --bg:            #0F0F14;
    --surface:       #1C1C24;
    --surface-2:     #2A2A34;
    --surface-3:     #35353F;
    --border:        #333340;
    --border-strong: rgba(120,120,120,0.35);
    --text:          #F0F0F0;
    --text-sub:      #8E8E93;
    --text-dim:      rgba(200,200,200,0.55);
    --shadow-xs:     0 1px 2px rgba(0,0,0,0.24);
    --shadow-sm:     0 2px 8px rgba(0,0,0,0.32), 0 1px 2px rgba(0,0,0,0.20);
    --shadow:        0 4px 20px rgba(0,0,0,0.44), 0 1px 4px rgba(0,0,0,0.28);
    --shadow-lg:     0 16px 56px rgba(0,0,0,0.60), 0 4px 16px rgba(0,0,0,0.40);
  }

  .sidebar {
    background: #161620;
    border-right-color: rgba(255,255,255,0.05);
    box-shadow: none;
  }

  .brand { color: var(--text); }

  .nav-item.active { background: var(--accent-subtle); }

  .lang-btn {
    background: var(--surface-2);
    border-color: var(--border);
    color: var(--text-sub);
  }

  .stat-card { box-shadow: 0 2px 12px rgba(0,0,0,0.40); }
  .stat-card.accent { box-shadow: var(--shadow-accent); }

  .card { box-shadow: none; }

  .modal-box {
    background: #1C1C24;
    box-shadow: 0 -12px 64px rgba(0,0,0,0.64);
  }

  .tab-bar {
    background: rgba(15,15,20,0.94);
    border-top-color: rgba(255,255,255,0.05);
    box-shadow: 0 -4px 24px rgba(0,0,0,0.40);
  }

  .ios-input {
    background: var(--surface-2);
    color: var(--text);
    border-color: var(--border);
  }
  .ios-input:focus { background: var(--surface-3); }

  .btn-secondary {
    background: var(--surface-2);
    border-color: var(--border);
    color: var(--text);
  }
  .btn-secondary:hover { background: var(--surface-3); }

  .badge-blue  { background: var(--accent-subtle); }
  .badge-gray  { background: var(--surface-2); }
  .badge-green { background: rgba(29,199,91,0.15); }
  .badge-red   { background: rgba(255,59,48,0.15); }

  .alert-danger  { background: rgba(255, 59, 48, 0.12); }
  .alert-warning { background: rgba(255,149,  0, 0.12); }

  body {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    background-blend-mode: overlay;
    background-size: 200px 200px;
  }
  ::-webkit-scrollbar-thumb { background: var(--surface-3); }

  .lang-select { background-color: var(--surface-2); color: var(--text-sub); border-color: var(--border); }
}

/* ── Manual dark theme override ─────────────────────── */
html[data-theme="dark"] {
  --bg:            #0F0F14;
  --surface:       #1C1C24;
  --surface-2:     #2A2A34;
  --surface-3:     #35353F;
  --border:        #333340;
  --border-strong: rgba(120,120,120,0.35);
  --text:          #F0F0F0;
  --text-sub:      #8E8E93;
  --text-dim:      rgba(200,200,200,0.55);
  --shadow-xs:     0 1px 2px rgba(0,0,0,0.24);
  --shadow-sm:     0 2px 8px rgba(0,0,0,0.32), 0 1px 2px rgba(0,0,0,0.20);
  --shadow:        0 4px 20px rgba(0,0,0,0.44), 0 1px 4px rgba(0,0,0,0.28);
  --shadow-lg:     0 16px 56px rgba(0,0,0,0.60), 0 4px 16px rgba(0,0,0,0.40);
}
html[data-theme="dark"] .sidebar       { background: #161620; border-right-color: rgba(255,255,255,0.05); box-shadow: none; }
html[data-theme="dark"] .brand         { color: var(--text); }
html[data-theme="dark"] .nav-item.active { background: var(--accent-subtle); }
html[data-theme="dark"] .stat-card     { box-shadow: 0 2px 12px rgba(0,0,0,0.40); }
html[data-theme="dark"] .stat-card.accent { box-shadow: var(--shadow-accent); }
html[data-theme="dark"] .card          { box-shadow: none; }
html[data-theme="dark"] .modal-box     { background: #1C1C24; box-shadow: 0 -12px 64px rgba(0,0,0,0.64); }
html[data-theme="dark"] .tab-bar       { background: rgba(15,15,20,0.94); border-top-color: rgba(255,255,255,0.05); box-shadow: 0 -4px 24px rgba(0,0,0,0.40); }
html[data-theme="dark"] .ios-input     { background: var(--surface-2); color: var(--text); border-color: var(--border); }
html[data-theme="dark"] .ios-input:focus { background: var(--surface-3); }
html[data-theme="dark"] .btn-secondary { background: var(--surface-2); border-color: var(--border); color: var(--text); }
html[data-theme="dark"] .btn-secondary:hover { background: var(--surface-3); }
html[data-theme="dark"] .badge-blue    { background: var(--accent-subtle); }
html[data-theme="dark"] .badge-gray    { background: var(--surface-2); }
html[data-theme="dark"] .badge-green   { background: rgba(29,199,91,0.15); }
html[data-theme="dark"] .badge-red     { background: rgba(255,59,48,0.15); }
html[data-theme="dark"] .alert-danger  { background: rgba(255,59,48,0.12); }
html[data-theme="dark"] .alert-warning { background: rgba(255,149,0,0.12); }
html[data-theme="dark"] body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  background-blend-mode: overlay;
  background-size: 200px 200px;
}
html[data-theme="dark"] .lang-select   { background-color: var(--surface-2); color: var(--text-sub); border-color: var(--border); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--surface-3); }

/* ── Manual light theme override (overrides system dark) */
html[data-theme="light"] {
  --bg:            #FAF8F3;
  --surface:       #FFFFFF;
  --surface-2:     #F0EEE8;
  --surface-3:     #E6E3DC;
  --border:        rgba(60,60,50,0.15);
  --border-strong: rgba(60,60,50,0.25);
  --text:          #1A1A1A;
  --text-sub:      #4A4A45;
  --text-dim:      rgba(60,60,50,0.5);
  --shadow-xs:     0 1px 2px rgba(60,60,50,0.05);
  --shadow-sm:     0 2px 8px rgba(60,60,50,0.06), 0 1px 2px rgba(60,60,50,0.05);
  --shadow:        0 4px 20px rgba(60,60,50,0.08), 0 1px 4px rgba(60,60,50,0.05);
  --shadow-lg:     0 16px 56px rgba(60,60,50,0.12), 0 4px 16px rgba(60,60,50,0.07);
}
html[data-theme="light"] .sidebar      { background: #F5F2EB; border-right-color: rgba(60,60,50,0.12); }
html[data-theme="light"] .modal-box    { background: #fff; }
html[data-theme="light"] .tab-bar      { background: rgba(255,255,253,0.94); border-top-color: rgba(60,60,50,0.12); box-shadow: 0 -4px 24px rgba(60,60,50,0.08); }
html[data-theme="light"] .ios-input    { background: #fff; color: var(--text); border-color: var(--border); }
html[data-theme="light"] .btn-secondary { background: var(--surface-2); border-color: var(--border); color: var(--text); }
html[data-theme="light"] .alert-danger  { background: rgba(255,69,58,0.08); }
html[data-theme="light"] .alert-warning { background: rgba(249,179,0,0.10); }