@use "../colors";

$color-scheme-sunset: (
  "color": colors.$oxblood,
  "bg-color": colors.$sunset,
  "highlight-color": colors.$cream,

  // Headings
  "heading": (
    "color": colors.$oxblood,
  ),

  // Links/Buttons
  "a": (
    "color": colors.$oxblood,
    "color--active": colors.$oxblood,
  ),
  "button": (
    "color": colors.$oxblood,
    "color--active": colors.$oxblood,
  ),

  // Accordion
  "accordion": (
    "summary": (
      "color": colors.$cream,
    ),
  ),

  // CTA Primary
  "cta-primary": (
    "bg-color": colors.$oxblood,
  ),

  // CTA Secondary
  "cta-secondary": (
    "border--color": colors.$oxblood,
    "color": colors.$cream,
  ),

  // CTA Arrow
  "cta-with-arrow": (
    "color": colors.$oxblood,
    "color--active": colors.$iceland,
  ),

  // Custom Scrollbar
  "custom-scrollbar": (
    "scrollbar-color": colors.$cream,
  ),
)
