/*
 * Vetted Notice master color system — 2026.
 * Color-only layer: preserves all existing structure, copy, typography,
 * spacing, behavior and accessibility while standardizing every surface.
 */
:root {
  --vn-black:#0a0a0b;
  --vn-charcoal:#201c20;
  --vn-white:#ffffff;
  --vn-off-white:#fcfafc;
  --vn-muted:#665c65;
  --vn-line:#e5d9e2;
  --vn-fuchsia-black:#500040;
  --vn-fuchsia-dark:#880070;
  --vn-magenta:#c820a0;
  --vn-fuchsia-bright:#e870cc;
  --vn-fuchsia-pale:#f8c8ea;
  --ink:var(--vn-black);
  --brown:var(--vn-charcoal);
  --muted:var(--vn-muted);
  --orange:var(--vn-magenta);
  --peach:var(--vn-fuchsia-pale);
  --line:var(--vn-line);
  --soft:var(--vn-off-white);
  --black:var(--vn-black);
  --tool-accent:var(--vn-fuchsia-dark);
  --tool-border:var(--vn-line);
  --field-surface:var(--vn-off-white);
  --explanation-surface:#fff5fc;
  --chart-gold:var(--vn-fuchsia-dark);
  --chart-sand:var(--vn-fuchsia-pale);
  --chart-aqua:var(--vn-magenta);
  --chart-lime:var(--vn-fuchsia-bright);
  --chart-orange:var(--vn-magenta);
  --chart-terracotta:var(--vn-fuchsia-black);
  --shadow:0 18px 48px #50004014;
  color-scheme:light;
}

html {accent-color:var(--vn-fuchsia-dark)}
body,.hero,.tools-section {background:var(--vn-white);color:var(--vn-black)}
::selection {background:var(--vn-fuchsia-pale);color:var(--vn-black)}
a:hover {text-decoration-color:var(--vn-magenta)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible {outline-color:var(--vn-magenta)}

/* Global chrome and navigation */
.site-header,footer,.page-navigation.pro-page-navigation {background:var(--vn-white);border-color:var(--vn-line)}
.site-header #site-nav a[aria-current=page],
.page-navigation a.button[aria-current=page],
.nav-dropdown:has(a[aria-current=page])>.nav-dropdown-trigger {
  background:var(--vn-fuchsia-dark);color:var(--vn-white);border-color:var(--vn-fuchsia-dark);
}
.site-header #site-nav a[aria-current=page]:hover,
.page-navigation a.button[aria-current=page]:hover,
.nav-dropdown:has(a[aria-current=page])>.nav-dropdown-trigger:hover {
  background:var(--vn-magenta);color:var(--vn-white);border-color:var(--vn-magenta);
}
.site-header #site-nav .nav-briefing-button:hover {text-decoration-color:var(--vn-magenta)}
.nav-dropdown-menu,.account-dropdown {background:var(--vn-white);border-color:var(--vn-line);box-shadow:var(--shadow)}
.nav-dropdown-menu .nav-dropdown-all strong,.workspace-shortcut .workspace-plan {color:var(--vn-fuchsia-dark)}
.account-dropdown a:focus-visible,.account-dropdown button:focus-visible {outline-color:var(--vn-magenta)}

/* Buttons, links, controls and status */
.button.primary,.qc-toggle,.qc-keys [data-key="="],
.workspace-nav button[aria-current=page],.blog-post-button[aria-current=true] {
  background:var(--vn-fuchsia-dark);color:var(--vn-white);border-color:var(--vn-fuchsia-dark);
  box-shadow:0 8px 24px #5000401f;
}
.button.primary:hover,.qc-toggle:hover,.qc-keys [data-key="="]:hover {background:var(--vn-magenta);color:var(--vn-white)}
.button.secondary,.icon-button,.result-actions .icon-button {background:var(--vn-white);color:var(--vn-black);border-color:var(--vn-line)}
.button.secondary:hover,.icon-button:hover {background:var(--vn-off-white);border-color:var(--vn-fuchsia-dark)}
.text-button,.guide-grid a,.learn-guide-grid .guide-card>a,.blog-card a,.blog-article a,.results a {color:var(--vn-fuchsia-dark)}
.status-dot {background:var(--vn-magenta)}
.form-status[data-state=error],.workspace-badge.late {background:#fff2f7;color:#7d1738;border-color:#e8a4bb}
.auth-confirmation .confirmation-mark {background:var(--vn-fuchsia-dark);color:var(--vn-white)}

/* High-end editorial surfaces */
.hero h1 em,.eyebrow,.tool-number,.trust-strip li::before,.membership .eyebrow,
.guides-section .eyebrow,.episode-feature .eyebrow {color:var(--vn-fuchsia-dark)}
.hero-card {
  background:var(--vn-black);color:var(--vn-white);border:1px solid var(--vn-charcoal);
  border-top:4px solid var(--vn-magenta);box-shadow:0 28px 70px #0a0a0b26;
}
.hero-card .notice-top,.hero-card .label,.hero-card .hero-amount span,
.hero-card .snapshot-note,.hero-card .snapshot-row {color:#ddd4dc}
.hero-card .mini-bars {border-color:#ffffff2b}
.hero-card .mini-bars i,.hero-card .mini-bars i:nth-child(even) {
  background:linear-gradient(var(--vn-fuchsia-bright),var(--vn-fuchsia-dark));
}
.hero-card .glass-chip {background:#ffffff12;color:var(--vn-white);border-color:#ffffff35}
.episode-feature {background:var(--vn-black);color:var(--vn-white)}
.episode-feature-copy>p:not(.eyebrow) {color:#eee8ed}
.episode-feature-note a {color:var(--vn-fuchsia-bright)}
.episode-feature-poster span {background:var(--vn-magenta);color:var(--vn-white)}
.episode-feature :focus-visible {outline-color:var(--vn-fuchsia-bright)}

/* Cards, pricing, member and admin surfaces */
.tool-card[data-card-tone],.tool-card[data-card-tone-compact],.tool-card[data-card-tone-mobile] {
  --card-surface:var(--vn-white);--card-ink:var(--vn-black);--card-copy:var(--vn-muted);
  --card-label:var(--vn-fuchsia-dark);--card-border:var(--vn-line);--card-hover:var(--vn-magenta);
}
.tool-grid>.tool-card,.workspace-stats article,.signup-card,.plan-card.featured,.membership,
.results,.guide-grid article,.learn-guide-grid article.guide-card,.blog-card {
  border-top-color:var(--vn-magenta);
}
.tool-grid>.tool-card:nth-child(3n+2),.workspace-stats article:nth-child(4n+2),
.guide-grid article,.learn-guide-grid article.guide-card,.blog-card {border-top-color:var(--vn-fuchsia-dark)}
.tool-grid>.tool-card:nth-child(3n),.workspace-stats article:nth-child(4n+3) {border-top-color:var(--vn-fuchsia-bright)}
.workspace-stats article:nth-child(4n) {border-top-color:var(--vn-fuchsia-black)}
.plan-card.featured {border-color:var(--vn-fuchsia-dark);border-top-color:var(--vn-fuchsia-dark)}
.price-card,.workspace-column,.blog-block,.blog-product,.blog-reading blockquote,
.blog-format-guide .blog-reading ol li {background:var(--vn-off-white);border-color:var(--vn-line)}
.plan-badge,.workspace-badge,.member-account-bar,.free-plan-note {background:var(--vn-off-white);color:var(--vn-charcoal);border-color:var(--vn-line)}
.blog-state,.cal-today {background:#fff3fb!important;color:var(--vn-black);border-color:var(--vn-fuchsia-bright)}
.cal-today {box-shadow:inset 0 -3px var(--vn-magenta)}

/* Calculators, charts, forms and explanations */
.input-wrap:focus-within {border-color:var(--vn-fuchsia-dark);box-shadow:0 0 0 2px #c820a026}
.plain-english,.result-warning,.calculator-lesson .lesson-formula,
.calculator-lesson .lesson-next {background:#fff5fc;border-color:var(--vn-line);color:var(--vn-black)}
.result-warning {border-left-color:var(--vn-magenta)}
.mh-chart-axis line {stroke:var(--vn-line)}
.mh-chart-baseline {stroke:var(--vn-muted)}
.mh-chart-zero {stroke:var(--vn-black)}
.mh-chart-scroll {scrollbar-color:var(--vn-fuchsia-dark) var(--vn-off-white)}
.business-document,.business-print-header {--document-accent:var(--vn-fuchsia-dark)}
progress {accent-color:var(--vn-magenta)}

/* Ebook funnel, newsletter, confirmations and modal/dialog states */
.newsletter-section,.ebook-hero,.ebook-offer,.ebook-checkout,.ebook-confirmation,
.waitlist-card,.signup-card,.auth-card,.account-created-dialog,.privacy-dialog,.privacy-banner {
  border-color:var(--vn-line);
}
.newsletter-section .eyebrow,.ebook-hero .eyebrow,.ebook-offer .eyebrow,
.ebook-confirmation .eyebrow,.waitlist-card .eyebrow {color:var(--vn-fuchsia-dark)}
.ebook-checkout,.ebook-confirmation,.waitlist-card {background:var(--vn-white);box-shadow:var(--shadow)}
.ebook-price,.ebook-highlight,.waitlist-card strong {color:var(--vn-fuchsia-dark)}
.account-created-dialog::backdrop,.privacy-dialog::backdrop,.daily-briefing::backdrop {background:#0a0a0bb8}

/* Footer and legal pages */
footer a:hover,.legal-page a,.privacy-banner a {color:var(--vn-fuchsia-dark)}
.legal-page h2,.legal-page h3 {color:var(--vn-black)}

@supports not (backdrop-filter:blur(1px)) {
  .liquid-glass {background-color:var(--vn-fuchsia-dark)}
  .glass-chip {background:var(--vn-charcoal)}
}

@media print {
  :root {--ink:#000;--muted:#333;--line:#777;--soft:#fff}
  .results,.mh-growth-panel,.workspace-stats article,.business-document {border-color:#777!important}
}