/* ratecardly/accent.css — RateCardly · Creator magenta
   Sets the product display/body fonts and overrides the six accent vars per theme.
   Neutrals, spacing, radius and shadows all inherit from /shared/tokens.css. */
:root {
  /* Clash Display is the primary (self-hosted in production); Bricolage Grotesque
     is the sanctioned Google-Fonts fallback per BRAND.md §6 footnote ¹. */
  --font-product-display: "Clash Display", "Bricolage Grotesque";
  --font-product-body: "Plus Jakarta Sans";
}

:root, [data-theme="light"] {
  --accent:          #c026d3;
  --accent-rgb:      192 38 211;
  --accent-hover:    #a21caf;
  --accent-soft:     #fae8ff;
  --accent-text:     #a21caf;   /* fuchsia-700 — AA link text on white */
  --accent-contrast: #ffffff;
}

[data-theme="dark"] {
  --accent:          #e879f9;
  --accent-rgb:      232 121 249;
  --accent-hover:    #f0abfc;
  --accent-soft:     #3b0a40;
  --accent-text:     #f0abfc;
  --accent-contrast: #2a0430;
}