:root{
  --page:#f7f8fa;
  --card:#ffffff;
  --text:#172033;
  --muted:#667085;
  --border:#e4e7ec;
  --navy:#1f3557;
  --accent:#d97706;
  --accent-soft:#fff7ed;
  --success:#027a48;
  --error:#b42318;
  --shadow:0 12px 28px rgba(16,24,40,.07);
}

body.light-app,
body{
  background:var(--page);
  color:var(--text);
}

body.light-app header,
body header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--border);
}

body.light-app main,
body main{
  color:var(--text);
}

body.light-app h1,
body.light-app h2,
body.light-app h3,
body h1,
body h2,
body h3{
  color:var(--text);
}

body.light-app .panel,
body.light-app .preview,
body.light-app .action-card,
body.light-app .doc-row,
body.light-app .tool-stat,
body .panel,
body .preview,
body .action-card,
body .doc-row,
body .tool-stat{
  background:var(--card);
  border-color:var(--border);
  box-shadow:var(--shadow);
}

body.light-app .muted,
body.light-app .subtitle,
body.light-app .panel-copy,
body.light-app .doc-row p,
body.light-app .profile-row span,
body .muted,
body .subtitle,
body .panel-copy,
body .doc-row p,
body .profile-row span{
  color:var(--muted);
}

body.light-app .nav-links,
body .nav-links{
  color:var(--navy);
}

body.light-app .nav-links a.primary,
body.light-app .btn.primary,
body.light-app button.primary,
body.light-app button,
body .nav-links a.primary,
body .btn.primary,
body button.primary{
  background:var(--accent);
  color:#111827;
}

body.light-app .btn.secondary,
body.light-app button.secondary,
body .btn.secondary,
body button.secondary{
  background:#fff;
  color:var(--navy);
  border:1px solid var(--border);
}

body.light-app label,
body label{
  color:var(--text);
}

body.light-app input,
body.light-app textarea,
body.light-app select,
body input,
body textarea,
body select{
  background:#fff;
  color:var(--text);
  border:1px solid #cfd4dc;
}

body.light-app input:focus,
body.light-app textarea:focus,
body.light-app select:focus,
body input:focus,
body textarea:focus,
body select:focus{
  outline:3px solid rgba(217,119,6,.18);
  border-color:var(--accent);
}

body.light-app .status-badge,
body .status-badge{
  background:#fff;
  color:var(--muted);
  border-color:var(--border);
}

body.light-app .status-badge.good,
body .status-badge.good{
  background:#ecfdf3;
  color:var(--success);
  border-color:#abefc6;
}

body.light-app .status-badge.warn,
body .status-badge.warn{
  background:var(--accent-soft);
  color:#b54708;
  border-color:#fedf89;
}

body.light-app .onboarding,
body .onboarding{
  background:var(--accent-soft);
  border-color:#fedf89;
}

body.light-app .check-item,
body .check-item{
  background:#fff;
  border-color:#fedf89;
  color:var(--muted);
}

body.light-app .check-item.done,
body .check-item.done{
  background:#ecfdf3;
  border-color:#abefc6;
}

body.light-app .logo-preview,
body .logo-preview{
  background:#fff;
  border-color:var(--border);
  color:var(--muted);
}

body.light-app .pill,
body .pill{
  background:#eef2f6;
  color:var(--navy);
}

body.light-app .empty,
body .empty{
  color:var(--muted);
  border-color:#cfd4dc;
  background:#fff;
}

body.light-app .billing-panel,
body .billing-panel{
  background:#fff;
  border-color:var(--border);
}

body.light-app .billing-chip,
body .billing-chip{
  background:#eef2f6;
  color:var(--navy);
}

body.light-app .status.error,
body .status.error{
  color:var(--error);
}

body.light-app .status.success,
body .status.success{
  color:var(--success);
}

body.light-app .danger,
body .danger{
  background:#fff1f0;
  color:var(--error);
  border:1px solid #fecdca;
}