/* ════════════════════════════════════════════════
   CARRIE — WARM LIGHT MODE
   Parchment-toned surfaces, espresso text, warm glass
════════════════════════════════════════════════ */
body.light-mode {
--bg-0: #FAF7F2;
--bg-1: rgba(140,90,50,0.03);
--bg-2: rgba(140,90,50,0.05);
--bg-input: rgba(255,255,255,0.85);
--bg-card: rgba(255,252,248,0.65);
--bg-card-hover: rgba(255,252,248,0.80);
--text-1: #2C1810;
--text-2: rgba(44,24,16,0.60);
--text-3: rgba(44,24,16,0.35);
--border-1: rgba(140,90,50,0.08);
--border-2: rgba(140,90,50,0.14);
--border-subtle: rgba(140,90,50,0.05);
--shadow-card: 0 1px 4px rgba(120,70,30,0.06), 0 1px 2px rgba(120,70,30,0.04);
--shadow-card-hover: 0 4px 16px rgba(120,70,30,0.08), 0 1px 4px rgba(120,70,30,0.05);
--sidebar-bg: rgba(255,252,248,0.80);
--sidebar-border: rgba(140,90,50,0.10);
--sidebar-text-1: #2C1810;
--sidebar-text-2: rgba(44,24,16,0.50);
--sidebar-text-3: rgba(44,24,16,0.25);
--sidebar-accent-soft: rgba(201,68,32,0.10);
--sidebar-hover: rgba(140,90,50,0.06);
--header-bg: rgba(250,247,242,0.85);
--tooltip-bg: #FFFDF8;
--accent-hover: #B33A18;
--accent-soft: rgba(201,68,32,0.08);
--accent-mid: rgba(201,68,32,0.12);
--gold: #D49520;
--gold-soft: rgba(212,149,32,0.10);
--green: #149B7C;
--green-soft: rgba(20,155,124,0.10);
--blue: #3574D4;
--blue-soft: rgba(53,116,212,0.08);
--purple: #7C4DDB;
--purple-soft: rgba(124,77,219,0.08);
/* HUD */
--hud-bg: #F5EDE2;
--hud-accent: #C47838;
--hud-bright: #D48840;
--hud-rust: #B85828;
--hud-hot: #D03820;
--hud-deep: #A01818;
--hud-cream: #2C1810;
--hud-dim: rgba(44,24,16,0.35);
--hud-card: rgba(212,135,74,0.06);
--hud-border: rgba(180,100,50,0.12);
--hud-grid-color: rgba(180,100,50,0.04);
/* Legacy compat */
--rust: #C94420; --rust-10: rgba(201,68,32,0.08); --rust-20: rgba(201,68,32,0.12); --rust-hover: #B33A18;
--gold-10: rgba(212,149,32,0.10); --green-10: rgba(20,155,124,0.10);
--blue-10: rgba(53,116,212,0.08); --purple-10: rgba(124,77,219,0.08); --red-10: rgba(201,68,32,0.08);
--black: #FAF7F2; --cream: #2C1810; --white: #2C1810;
--charcoal: rgba(44,24,16,0.60); --gray-800: #2C1810; --gray-600: rgba(44,24,16,0.60);
--gray-400: rgba(44,24,16,0.35); --gray-200: rgba(140,90,50,0.08); --gray-100: rgba(140,90,50,0.04);
--darker: rgba(140,90,50,0.05);
}

/* ── Noise texture ── */
body.light-mode::after { opacity: 0.018; mix-blend-mode: multiply; }

/* ── Scrollbars ── */
body.light-mode ::-webkit-scrollbar-thumb { background: rgba(140,90,50,0.15); }
body.light-mode .sidebar::-webkit-scrollbar-thumb { background: rgba(140,90,50,0.12); }

/* ── Vignette ── */
body.light-mode .main::after {
  background: radial-gradient(ellipse at center, transparent 40%, rgba(230,220,205,0.45) 100%);
}

/* ── Page Washes ── */
body.light-mode .main.wash-helm::before {
  background: radial-gradient(ellipse 1000px 900px at 8% 5%, rgba(201,68,32,0.08) 0%, transparent 55%),
    radial-gradient(ellipse 800px 700px at 85% 80%, rgba(212,140,26,0.06) 0%, transparent 55%);
}
body.light-mode .main.wash-roast::before {
  background: radial-gradient(ellipse 1100px 900px at 50% 20%, rgba(212,140,26,0.09) 0%, transparent 50%);
}
body.light-mode .main.wash-history::before {
  background: radial-gradient(ellipse 900px 800px at 80% 10%, rgba(212,140,26,0.08) 0%, transparent 50%),
    radial-gradient(ellipse 700px 600px at 15% 75%, rgba(201,68,32,0.06) 0%, transparent 55%);
}
body.light-mode .main.wash-sales::before {
  background: radial-gradient(ellipse 1000px 900px at 10% 12%, rgba(201,68,32,0.08) 0%, transparent 50%),
    radial-gradient(ellipse 700px 600px at 80% 70%, rgba(212,140,26,0.05) 0%, transparent 55%);
}
body.light-mode .main.wash-finance::before {
  background: radial-gradient(ellipse 900px 800px at 82% 10%, rgba(20,155,124,0.07) 0%, transparent 50%),
    radial-gradient(ellipse 700px 600px at 20% 80%, rgba(201,68,32,0.04) 0%, transparent 55%);
}
body.light-mode .main.wash-inventory::before {
  background: radial-gradient(ellipse 1000px 900px at 40% 45%, rgba(20,155,124,0.07) 0%, transparent 50%),
    radial-gradient(ellipse 600px 500px at 80% 20%, rgba(212,140,26,0.05) 0%, transparent 55%);
}
body.light-mode .main.wash-docs::before {
  background: radial-gradient(ellipse 900px 800px at 10% 12%, rgba(201,68,32,0.06) 0%, transparent 50%),
    radial-gradient(ellipse 700px 600px at 75% 65%, rgba(212,140,26,0.05) 0%, transparent 55%);
}
body.light-mode .main.wash-analytics::before {
  background: radial-gradient(ellipse 1000px 900px at 75% 10%, rgba(212,140,26,0.07) 0%, transparent 50%),
    radial-gradient(ellipse 700px 700px at 15% 75%, rgba(201,68,32,0.05) 0%, transparent 55%);
}
body.light-mode .main.wash-meetings::before {
  background: radial-gradient(ellipse 900px 800px at 10% 10%, rgba(124,77,219,0.07) 0%, transparent 50%),
    radial-gradient(ellipse 700px 600px at 80% 75%, rgba(201,68,32,0.04) 0%, transparent 55%);
}

/* ── Glassmorphism ── */
body.light-mode .sidebar {
  background: rgba(255,252,248,0.80);
  border: 1px solid rgba(140,90,50,0.10);
  box-shadow: 0 8px 32px rgba(120,70,30,0.08);
}
body.light-mode .card,
body.light-mode .helm-panel,
body.light-mode .helm-cal-panel,
body.light-mode .roast-glass-card,
body.light-mode .inline-form {
  box-shadow: var(--shadow-card);
}
body.light-mode .card:hover,
body.light-mode .helm-panel:hover {
  box-shadow: var(--shadow-card-hover);
  border-color: rgba(201,68,32,0.10);
}
body.light-mode .n-table tr:hover td { background: rgba(201,68,32,0.04); }
body.light-mode .nav-item::after {
  background: var(--tooltip-bg); color: #2C1810;
  box-shadow: 0 4px 12px rgba(120,70,30,0.12);
}
body.light-mode .docs-flyout {
  background: rgba(255,252,248,0.85);
  border: 1px solid rgba(140,90,50,0.08);
  box-shadow: 0 8px 32px rgba(120,70,30,0.10);
}

/* ── Modals ── */
body.light-mode .rdl-modal,
body.light-mode .form-modal-backdrop {
  background: rgba(240,230,215,0.55);
}
body.light-mode .rdl-modal-card,
body.light-mode .form-modal-card {
  background: rgba(255,252,248,0.95);
  border: 1px solid rgba(140,90,50,0.08);
  box-shadow: 0 20px 60px rgba(120,70,30,0.12), 0 1px 3px rgba(120,70,30,0.06);
}
body.light-mode .helm-overlay {
  background: rgba(240,230,215,0.55);
}
body.light-mode .helm-overlay-card {
  background: rgba(255,252,248,0.95);
  border: 1px solid rgba(140,90,50,0.08);
}

/* ── Search overlay ── */
body.light-mode .search-overlay {
  background: rgba(240,230,215,0.55);
}
body.light-mode .search-card {
  background: rgba(255,252,248,0.97);
  border: 1px solid rgba(140,90,50,0.10);
  box-shadow: 0 20px 60px rgba(120,70,30,0.12);
}

/* ── Toast ── */
body.light-mode .toast {
  background: rgba(255,252,248,0.97);
  border: 1px solid rgba(140,90,50,0.12);
  box-shadow: 0 8px 32px rgba(120,70,30,0.12);
  color: #2C1810;
}

/* ── Inputs ── */
body.light-mode .rf-input,
body.light-mode .roast-glass-input {
  background: rgba(255,255,255,0.85);
  border-color: rgba(140,90,50,0.12);
  color: #2C1810;
}
body.light-mode .rf-input::placeholder,
body.light-mode .roast-glass-input::placeholder { color: rgba(44,24,16,0.30); }
body.light-mode .rf-input option,
body.light-mode .roast-glass-input option { background: #FFFDF8; color: #2C1810; }

/* ── Buttons ── */
body.light-mode .btn-primary {
  background: rgba(201,68,32,0.08);
  border-color: rgba(201,68,32,0.18);
}
body.light-mode .roast-glass-btn {
  background: rgba(201,68,32,0.06);
  border-color: rgba(201,68,32,0.14);
  color: var(--text-2);
}

/* ── Ticker ── */
body.light-mode .ticker-wrap {
  border-color: rgba(140,90,50,0.08);
}

/* ── Status tags ── */
body.light-mode .status-tag { font-weight: 700; }

/* ── HUD Overrides ── */
body.light-mode.roaster-bg-active { background: var(--hud-bg) !important; }
body.light-mode .hud-grid {
  background-image: linear-gradient(rgba(180,100,50,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(180,100,50,0.035) 1px, transparent 1px);
}
body.light-mode .hud-orb1 {
  background: radial-gradient(circle, rgba(201,68,32,0.08) 0%, rgba(180,50,30,0.04) 40%, transparent 70%);
}
body.light-mode .hud-orb2 {
  background: radial-gradient(circle, rgba(201,68,32,0.06) 0%, transparent 55%);
}
body.light-mode .hud-scan {
  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(120,70,30,0.012) 3px, rgba(120,70,30,0.012) 6px);
}
body.light-mode .hud-vig {
  background: radial-gradient(ellipse at center, transparent 40%, rgba(220,200,175,0.55) 100%);
}
body.light-mode .hud-cr::before,
body.light-mode .hud-cr::after { background: rgba(201,68,32,0.25); }
body.light-mode .hud-setup-card {
  border-color: rgba(180,100,50,0.10);
  background: rgba(255,248,240,0.92);
}
body.light-mode .hud-post-form {
  border-color: rgba(180,100,50,0.10);
  background: rgba(255,248,240,0.88);
}
body.light-mode .hud-log-content {
  background: rgba(255,248,240,0.92);
  border-color: rgba(180,100,50,0.08);
}
body.light-mode .hud-setup-card .roast-glass-input {
  background: rgba(255,255,255,0.7) !important;
  border-color: rgba(180,100,50,0.12) !important;
  color: #2C1810 !important;
}
body.light-mode .hud-setup-card select option { background: #FFFDF8; color: #2C1810; }
body.light-mode select.rf-input { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C94420' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* ── Transitions ── */
body, .main, .sidebar, .page-header, .card, .helm-panel,
.nav-item, .n-table td, .rf-input, .roast-glass-input,
.btn-primary, .btn-secondary, .inline-form {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.2s ease, box-shadow 0.3s ease;
}