/* ============================================================================
   WarrantyVault (vizaxis.com/warranty-vault/). Loads after base.css.
   Skin only: maps the shared role tokens to WarrantyVault's real brand from the
   app + Brand Book (violet #7C3AED + amber #F59E0B, Space Grotesk display, Inter
   body, violet-tinted paper). Structure/components all come from base.css.
   ========================================================================== */

:root {
  --accent: #7C3AED;
  --accent-deep: #5B21B6;
  --accent-darker: #4C1D95;
  --accent-soft: #C4B5FD;
  --accent-light: #DDD6FE;

  --signal: #F59E0B;
  --signal-soft: #FCD34D;
  /* Amber fails contrast on the light paper, so on-paper emphasis remaps to the
     violet accent; base keeps the bright amber tint inside .band sections. */
  --emphasis: var(--accent);

  --paper: #F6F4FC;
  --paper-raised: #FFFFFF;
  --paper-deep: #EDE9FE;

  --ink: #1A1625;
  --ink-muted: #574E6E;

  --rule: #DAD3EC;
  --rule-soft: #E8E3F4;

  --font-display: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Space Grotesk carries the display role; lift the key weights (.brand /
   .footer-brand are already 700 in base). */
.hero h1, .section-title, .feature-copy h3, .cta-band h2 { font-weight: 700; }

/* Light-section titles go dark ink so the violet emphasis word (routed through
   --emphasis in base) pops against them. Kicker / em / step numbers all follow
   --emphasis, which this skin remapped to the violet accent in :root above. The
   .legal component lives in base.css (it is fully token-based). */
.section-title { color: var(--ink); }