:root {
  color-scheme: dark;
  --ink: #e7eef8;
  --paper: #0d1828;
  --panel: #16263b;
  --muted: #9aaac0;
  --line: #293b55;
  --orange: #5aa9ff;
  --blue: #73b7ff;
  --red: #ff7d8a;
  --amber: #f1bd66;
  --green: #63d6aa;
}

html { background: #0d1828; }
body {
  background:
    radial-gradient(circle at 12% 2%, rgba(82, 146, 224, .30), transparent 38rem),
    radial-gradient(circle at 88% 26%, rgba(53, 112, 190, .21), transparent 34rem),
    linear-gradient(155deg, #12233a 0%, #0d1828 46%, #101d31 100%),
    var(--paper);
  background-attachment: fixed;
}
::selection { background: #287bc5; color: #fff; }

.topbar {
  background: rgba(12, 24, 40, .86);
  border-color: rgba(101, 137, 180, .28);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .025);
}
.brand-mark { background: linear-gradient(145deg, #58adff, #356bd8); box-shadow: 0 0 0 4px rgba(90, 169, 255, .09); }
.tool-nav .language-switch { background: rgba(17, 29, 47, .72); }

.hero, .report-shell { padding-top: 64px; }
.toolbox-hero { padding-top: 72px; }
.hero h1, .geo-home h1, .market-shell h1 {
  font-size: clamp(42px, 5.25vw, 70px);
  line-height: 1;
  letter-spacing: -.04em;
}
.profile-hero h1 { font-size: clamp(46px, 6.25vw, 84px); line-height: .96; }
.tool-intro h1, .income-shell h1 { font-size: clamp(40px, 4.9vw, 64px); }
.report-head h1 { font-size: clamp(34px, 4.7vw, 58px); }

.tool-card, .market-product, .content-card, .method-note, .geo-check,
.crawler-grid > div, .metrics, .code-card, .market-summary, .market-empty,
.market-mcp, .limit-contact, .help-dialog, .income-results article,
.verified-badge, .calculator-controls, .table-wrap {
  background: rgba(17, 29, 47, .92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 18px 50px rgba(0, 5, 15, .16);
}
.tool-card:hover, .market-product:hover { border-color: #5aa9ff; box-shadow: 0 18px 54px rgba(18, 77, 145, .17); }
.tool-card-primary, .audit-form, .calculator-results, .income-controls,
.ai-summary, .market-latest, .profile-contact, .profile-actions .profile-primary,
.finding-count, .market-mcp code {
  background: #07101e;
  color: #f5f8fc;
}
.tool-card-market { background: linear-gradient(145deg, #142844, #111d2f); }
.tool-card-primary p, .ai-summary .section-title span, .ai-summary p { color: #a9b9cc; }
.priority-grid article { background: #102039; border-color: #2d4566; }

.audit-form { box-shadow: 0 24px 70px rgba(0, 5, 15, .38), inset 0 1px 0 rgba(255, 255, 255, .04); }
.audit-form button, .lead-row button { background: linear-gradient(145deg, #559fff, #3375dd); }
.audit-form input:focus { outline-color: rgba(90, 169, 255, .55); }
.audit-form input, .field input, .field select, .income-controls input,
.income-controls select, .market-product select, .lead-row input,
.money-input, .percent-input {
  background: #f4f7fb;
  color: #10213a;
  border-color: #6f88a7;
}
.money-input input, .percent-input input { background: transparent; color: #10213a; }
.money-input span, .percent-input span { color: #536b88; }

.market-method, .market-caveat, .income-assumptions, .result-head {
  background: #122640;
}
.future-fields { background: #2d291d; border-color: #6f5d34; }
.future-fields p { color: #e5c985; }
.occurrence { background: #0d192a; }
.notice { background: #292416; border-color: #6e5a2d; color: #f0d698; }
.empty { background: #102a27; color: #7de0bb; }
.formula code, .issue-body pre, .code-card pre, .geo-check-body pre { background: #050b14; color: #dbe9f9; }
th { background: #172840; }
.market-latest > div { border-color: #263a55; }
.market-latest span, .market-latest small, .calculator-results span,
.calculator-results small, .income-controls small { color: #9eafc4; }
.profile-facts, .profile-work-list article, .tool-faq details { border-color: var(--line); }
.profile-grid > div, .feature-grid article, .geo-explainer article,
.toolbox-principles > div { border-color: #507daf; }
.profile-contact { background: linear-gradient(135deg, #07101e, #102a4a); }
.market-latest { grid-template-columns: repeat(3, 1fr); }
.market-request { background: rgba(22, 38, 59, .94); }

@media (max-width: 800px) {
  .hero h1, .geo-home h1, .market-shell h1 { font-size: clamp(38px, 11vw, 54px); }
  .profile-hero h1 { font-size: clamp(42px, 12vw, 58px); }
  .tool-intro h1, .income-shell h1 { font-size: clamp(36px, 10vw, 52px); }
  .hero, .report-shell { padding-top: 44px; }
}