@use "../colors";

$color-scheme-south-beach: (
  "color": colors.$north-sea,
  "bg-color": colors.$south-beach,
  "highlight-color": colors.$santa-monica,
  "highlight-color-2": colors.$newport,

  // Headings
  "heading": (
    "color": colors.$north-sea,
  ),

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

  // Accordion
  "accordion": (
    "summary": (
      "color": colors.$santa-monica,
    ),
  ),

  // CTA Primary
  "cta-primary": (
    "border--color": colors.$santa-monica,
    "bg-color": colors.$north-sea,
    "color": colors.$iceland,
    "focus-visible--outline-color": colors.$oxblood,
  ),

  // CTA Secondary
  "cta-secondary": (
    "focus-visible--outline-color": colors.$sunset,
    "border--color": colors.$santa-monica,
    "color": colors.$north-sea,
  ),

  // CTA with arrow
  "cta-with-arrow": (
    "color": colors.$santa-monica,
  ),

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