/* ══════════════════════════════════════════════════════════════
   legal-apple.css  —  Apple-inspired design
   Covers legal.html + privacy-policy.html
   Gold/purple → Apple blue  |  Serif → System font
══════════════════════════════════════════════════════════════ */

/* ── POLICE SYSTÈME ── */
html, body, button, a,
.logo, .header-back, .legal-tab, .legal-title, .legal-date,
h2, h3, p, ul, .legal-highlight, .legal-footer {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text',
               'Helvetica Neue', 'Segoe UI', Arial, sans-serif !important;
}

/* ── CSS VARIABLES ── */
:root {
  --gold:      #0a84ff;
  --gold-dim:  rgba(10,132,255,.2);
  --gold-pale: rgba(10,132,255,.07);
  --ink:       #000000;
  --ink-2:     #1c1c1e;
  --ink-3:     #2c2c2e;
  --muted:     rgba(235,235,245,.6);
  --text:      #f5f5f7;
  --border:    rgba(255,255,255,.12);
  --border-2:  rgba(255,255,255,.07);
}

/* ── BODY / HTML ── */
html { background: #000 !important; color: #f5f5f7 !important; }
body { background: #000 !important; }

/* ── HEADER ── */
.header {
  background: #000 !important;
  border-bottom-color: rgba(255,255,255,.09) !important;
}

/* Logo — blanc en dark, noir en light */
.logo { color: #fff !important; font-style: normal !important; }
.logo strong { color: #fff !important; }
.logo b { color: #fff !important; }

.header-back { color: rgba(235,235,245,.55) !important; }
.header-back:hover { color: #409cff !important; }

/* ── NAV TABS ── */
.legal-nav {
  background: #1c1c1e !important;
  border-bottom-color: rgba(255,255,255,.09) !important;
}
.legal-tab { color: rgba(235,235,245,.55) !important; }
.legal-tab:hover { color: #f5f5f7 !important; }
.legal-tab.active {
  color: #409cff !important;
  border-bottom-color: #409cff !important;
}

/* ── TYPOGRAPHIE ── */
h3 { color: #409cff !important; }
a { color: #409cff !important; }
a:hover { color: #6eb4ff !important; }

/* Highlight box */
.legal-highlight {
  background: rgba(10,132,255,.07) !important;
  border-color: rgba(10,132,255,.2) !important;
}

/* Table */
th {
  background: #2c2c2e !important;
  border-color: rgba(255,255,255,.1) !important;
  color: #f5f5f7 !important;
}
td { border-color: rgba(255,255,255,.07) !important; }
tr:nth-child(even) td { background: #1c1c1e !important; }

/* ── FOOTER (privacy-policy.html) ── */
.footer { background: #1c1c1e !important; border-top-color: rgba(255,255,255,.07) !important; }
.footer-col-links a:hover { color: #409cff !important; }
.footer-bottom-links a:hover { color: #409cff !important; }
.footer-brand a { color: #fff !important; }
.footer-brand a b { color: #fff !important; }
.footer-brand a span[style] { color: #fff !important; }

/* ══════════════════════════════════════════════════════════════
   LIGHT MODE
══════════════════════════════════════════════════════════════ */
html[data-theme="light"] {
  --gold:      #0071e3;
  --gold-dim:  rgba(0,113,227,.18);
  --gold-pale: rgba(0,113,227,.07);
  --ink:       #f5f5f7;
  --ink-2:     #ffffff;
  --ink-3:     #f0f0f5;
  --muted:     rgba(0,0,0,.5);
  --text:      #1d1d1f;
  --border:    rgba(0,0,0,.1);
  --border-2:  rgba(0,0,0,.06);
}

html[data-theme="light"] html { background: #f5f5f7 !important; color: #1d1d1f !important; }
html[data-theme="light"] body { background: #f5f5f7 !important; color: #1d1d1f !important; }

html[data-theme="light"] .header {
  background: #f5f5f7 !important;
  border-bottom-color: rgba(0,0,0,.08) !important;
}
html[data-theme="light"] .logo { color: #1d1d1f !important; }
html[data-theme="light"] .logo strong { color: #1d1d1f !important; }
html[data-theme="light"] .logo b { color: #1d1d1f !important; }

html[data-theme="light"] .header-back { color: rgba(0,0,0,.45) !important; }
html[data-theme="light"] .header-back:hover { color: #0071e3 !important; }

html[data-theme="light"] .legal-nav {
  background: #fff !important;
  border-bottom-color: rgba(0,0,0,.09) !important;
}
html[data-theme="light"] .legal-tab { color: rgba(0,0,0,.45) !important; }
html[data-theme="light"] .legal-tab:hover { color: #1d1d1f !important; }
html[data-theme="light"] .legal-tab.active {
  color: #0071e3 !important;
  border-bottom-color: #0071e3 !important;
}

html[data-theme="light"] h3 { color: #0071e3 !important; }
html[data-theme="light"] a { color: #0071e3 !important; }
html[data-theme="light"] a:hover { color: #0077ed !important; }

html[data-theme="light"] .legal-highlight {
  background: rgba(0,113,227,.06) !important;
  border-color: rgba(0,113,227,.18) !important;
}

html[data-theme="light"] th {
  background: #f0f0f5 !important;
  border-color: rgba(0,0,0,.09) !important;
  color: #1d1d1f !important;
}
html[data-theme="light"] td { border-color: rgba(0,0,0,.06) !important; }
html[data-theme="light"] tr:nth-child(even) td { background: #f8f8fc !important; }

html[data-theme="light"] .footer {
  background: #eef1f8 !important;
  border-top-color: rgba(0,0,0,.07) !important;
}
html[data-theme="light"] .footer-col-links a:hover { color: #0071e3 !important; }
html[data-theme="light"] .footer-bottom-links a:hover { color: #0071e3 !important; }
html[data-theme="light"] .footer-brand a { color: #1d1d1f !important; }
html[data-theme="light"] .footer-brand a b { color: #1d1d1f !important; }
html[data-theme="light"] .footer-brand a span[style] { color: #1d1d1f !important; }