:root {
  color-scheme: light;
  --business-bg: #f6f7f9;
  --business-surface: #ffffff;
  --business-surface-soft: #eef4ff;
  --business-surface-raised: rgba(255, 255, 255, 0.78);
  --business-ink: #0f172a;
  --business-muted: #5f6673;
  --business-faint: #9aa1ad;
  --business-border: #e4e7ec;
  --business-primary: #2563eb;
  --business-primary-strong: #1d4ed8;
  --business-primary-soft: rgba(37, 99, 235, 0.08);
  --business-placeholder-bg: #1d4ed8;
  --business-shadow: 0 18px 48px rgba(16, 24, 40, 0.08);
  --business-hero-tint: #eef4ff;
  --business-nav-bg: rgba(255, 255, 255, 0.86);
  --business-button-bg: #0f172a;
  --business-button-hover: #020617;
  --business-button-ink: #ffffff;
  --business-mesh-blue: #155eef;
  --business-mesh-cyan: #18c9d2;
  --business-mock-chrome: #d7dbe3;
  --business-mock-line: #eef0f6;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --business-bg: #111111;
  --business-surface: #1c1c1e;
  --business-surface-soft: #242a32;
  --business-surface-raised: rgba(28, 28, 30, 0.78);
  --business-ink: #f5f5f4;
  --business-muted: #b5b5bb;
  --business-faint: #93939c;
  --business-border: #38383c;
  --business-primary: #7bb9ff;
  --business-primary-strong: #1d4ed8;
  --business-primary-soft: rgba(79, 159, 243, 0.14);
  --business-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
  --business-hero-tint: #191d24;
  --business-nav-bg: rgba(17, 17, 17, 0.88);
  --business-button-bg: #f5f5f4;
  --business-button-hover: #dedee2;
  --business-button-ink: #111111;
  --business-mesh-blue: #4f9ff3;
  --business-mesh-cyan: #3dd6ce;
  --business-mock-chrome: #535359;
  --business-mock-line: #343438;
}

.business-brand .business-logo-dark,
:root[data-theme="dark"] .business-brand .business-logo-light {
  display: none;
}

:root[data-theme="dark"] .business-brand .business-logo-dark {
  display: block;
}