@use "../colors";

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

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

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

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

  // CTA Secondary
  "cta-secondary": (
    "border--active": colors.$santa-monica,
    "bg-color--active": colors.$south-beach,
    "color--active": colors.$north-sea,
  ),

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

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