@use "../colors";

$color-scheme-iceland: (
  "bg-color": colors.$iceland,
  "color": colors.$north-sea,
  "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,
  ),

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

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

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

  // Accents
  "accent-bg-color-4": colors.$oxblood,

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