/* Exact PROinvoice theme from layout-polish.css, reflected in the supplied screenshots. */
:root {
  --bg: #f6f8fa;
  --surface: #ffffff;
  --surface-2: #eaeef2;
  --sidebar: #f1f3f5;
  --border: #d0d7de;
  --text: #1f2328;
  --muted: #57606a;
  --primary: #0969da;
  --success: #1a7f37;
  --danger: #cf222e;
}
body {
  background: var(--bg);
  color: var(--text);
}
.button.primary,
.featured-price > a {
  background: var(--primary) !important;
}
.brand-mark {
  background: transparent url("../images/favicon.png") center/contain no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
}
.brand > span:last-child > span,
.hero h1 em,
.eyebrow,
.text-link,
.steps span {
  color: var(--primary) !important;
}
.button.primary {
  box-shadow: 0 12px 24px rgba(9, 105, 218, 0.23) !important;
}
.nav-cta {
  background: #1f2328 !important;
}
.app-window aside {
  background: #181818 !important;
}
.app-logo,
.app-window aside i.active,
.chart span {
  background: var(--primary) !important;
}
.violet,
.invoice-card > span {
  background: #ddf4ff !important;
  color: var(--primary) !important;
}
.hero-visual .violet-orb {
  background: #ddf4ff !important;
}
.hero-visual .peach-orb {
  background: #eaeef2 !important;
}
.logo-strip,
.workflow {
  background: var(--surface-2) !important;
}
.logo-strip div {
  color: var(--muted) !important;
}
.feature-card,
.price-card,
.report-window,
.metrics > div,
.chart-card,
.due-card,
.mini-invoice,
.floating-card,
.report-values > div,
.report-top button {
  box-shadow: 0 3px 10px rgba(31, 35, 40, 0.08);
}
.theme-toggle,
.language-toggle {
  color: var(--text) !important;
}
body[data-theme="dark"] {
  --bg: #1e1e1e;
  --surface: #252526;
  --surface-2: #333337;
  --sidebar: #181818;
  --border: #3f3f46;
  --text: #f1f1f1;
  --muted: #b8b8b8;
  --primary: #0078d4;
  --success: #3fb950;
  --danger: #f85149;
}
body[data-theme="dark"] .nav-cta {
  background: #181818 !important;
}
body[data-theme="dark"] .app-window aside {
  background: #181818 !important;
}
body[data-theme="dark"] .hero-visual .violet-orb {
  background: #094771 !important;
}
body[data-theme="dark"] .hero-visual .peach-orb {
  background: #252526 !important;
}
body[data-theme="dark"] .logo-strip,
body[data-theme="dark"] .workflow {
  background: #333337 !important;
}
body[data-theme="dark"] .feature-card,
body[data-theme="dark"] .price-card,
body[data-theme="dark"] .report-window,
body[data-theme="dark"] .metrics > div,
body[data-theme="dark"] .chart-card,
body[data-theme="dark"] .due-card,
body[data-theme="dark"] .mini-invoice,
body[data-theme="dark"] .floating-card,
body[data-theme="dark"] .report-values > div,
body[data-theme="dark"] .report-top button {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}