/* MEACHEAL Light Theme — CSS Variables Only
   No !important, no element overrides, no layout changes.
   Only overrides CSS custom properties. */

[data-theme="light"] {
  --bg: #f5f5f7;
  --bg2: #ebebed;
  --bg3: #e0e0e4;
  --bg-section: #ebebed;
  --bg-card: #ffffff;
  --ink: #f5f5f7;
  --paper: #f5f5f7;
  --gold: #8b6914;
  --gold-light: #6b5010;
  --gold-dim: #b8963a;
  --gold-glow: rgba(139,105,20,0.08);
  --text-body: rgba(0,0,0,0.87);
  --text-light: rgba(0,0,0,0.55);
  --text-1: rgba(0,0,0,0.87);
  --text-2: rgba(0,0,0,0.75);
  --text-3: rgba(0,0,0,0.55);
  --text-4: rgba(0,0,0,0.3);
  --text-5: rgba(0,0,0,0.15);
  --border: rgba(0,0,0,0.08);
  --border-m: rgba(139,105,20,0.12);
  --shadow: 0 4px 20px rgba(0,0,0,0.08);
  --green: #16a34a;
  --red: #dc2626;
}