:root[data-theme="light"]{
  --tarot-bg:#f7f8fa;
  --tarot-surface:#ffffff;
  --tarot-text:#1f1f25;
  --tarot-muted:#5a5a66;
  --tarot-border: rgba(0,0,0,.12);
  --tarot-gold:#c5a059;
  --tarot-bronze:#6e4a2b;
}

/* Header/Footer glass overrides for light theme */
[data-theme="light"] .navbar-glass{
  background: rgba(255,255,255,.75)!important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--tarot-border);
}
[data-theme="light"] .footer-glass{
  background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.85));
  border-top: 1px solid var(--tarot-border);
}

/* Cards, menus, tables already use variables; keep consistent */
[data-theme="light"] .card,
[data-theme="light"] .dropdown-menu{
  background: var(--tarot-surface);
  color: var(--tarot-text);
  border:1px solid var(--tarot-border);
}
[data-theme="light"] .table thead{ color: var(--tarot-muted); }

/* Modals */
[data-theme="light"] .modal-content{
  background: rgba(255,255,255,.92);
  color: var(--tarot-text);
  border:1px solid var(--tarot-border);
}

/* Buttons */
[data-theme="light"] .btn-outline-secondary{ color: var(--tarot-muted); border-color: var(--tarot-border); }
[data-theme="light"] .btn-outline-secondary:hover{ background: rgba(0,0,0,.04); color: var(--tarot-text); }
[data-theme="light"] .btn-outline-primary{ color: var(--tarot-gold); border-color: var(--tarot-gold); }

/* Body background/text via variables */
[data-theme="light"] body{ background: var(--tarot-bg); color: var(--tarot-text); }