@use "sass:map";
@use "../site-config";
@use "../colors";
@use "../maps/color-scheme-sunset" as *;

$_font-weight-bold: 700;
$_font-weight-black: 900;

$site-mode-at-play: (
  "bg-color": colors.$cream,
  "color": colors.$oxblood,
  "color-2": colors.$oxblood,
  "highlight-color": colors.$sunset,
  "highlight-color-2": colors.$bubblegum,
  "font-family": '"Nunito", sans-serif',
  "font-weight": $_font-weight-bold,

  "strong": (
    "font-weight": $_font-weight-black,
  ),

  "field": (
    "dt": (
      "font-weight": $_font-weight-bold,
    ),
  ),
  "unpublished": (
    "font-weight": $_font-weight-bold,
  ),

  // Text Styles
  "intro-copy": (
    "font-weight": $_font-weight-bold,
  ),
  "legal-copy": (
    "font-weight": $_font-weight-bold,
  ),
  "label": (
    "font-weight": $_font-weight-black,
  ),

  // Headings
  "h1": (
    "font-weight": $_font-weight-black,
  ),
  "h2": (
    "font-weight": $_font-weight-black,
  ),
  "h3": (
    "font-weight": $_font-weight-black,
  ),
  "h4": (
    "font-weight": $_font-weight-black,
  ),

  // Menus
  "menu": (
    "local-tasks": (
      "nid": (
        "font-weight": $_font-weight-bold,
      ),
    ),
    "main": (
      "font-weight": $_font-weight-black,
    ),
  ),

  // Accordion
  "accordion": (
    "font-weight": $_font-weight-black,
    "summary": (
      "color": colors.$sunset,
    ),
  ),

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

  // CTA Primary
  "cta-primary": (
    "border--color": colors.$bubblegum,
    "border--color--active": colors.$iceland,
    "border-radius": site-config.$cta-border-radius,
    "border-radius--active": 0,
    "bg-color": colors.$sunset,
    "bg-color--active": colors.$south-beach,
    "color": colors.$cream,
    "color--active": colors.$north-sea,
  ),

  // CTA Secondary
  "cta-secondary": (
    "border--color": colors.$sunset,
    "border--color--active": colors.$south-beach,
    "border-radius": site-config.$cta-border-radius,
    "border-radius--active": 0,
    "bg-color--active": colors.$north-sea,
    "color": colors.$oxblood,
    "color--active": colors.$iceland,
    "focus-visible--outline-color": colors.$south-beach,
  ),

  // CTA with Arrow
  "cta-with-arrow": (
    "color": colors.$sunset,
    "color--active": colors.$south-beach,
  ),

  // Accents
  "accent-bg-color-1": colors.$south-beach,
  "accent-bg-color-2": colors.$santa-monica,
  "accent-bg-color-3": colors.$newport,
  "accent-bg-color-4": colors.$north-sea,

  // Views
  "view": (
    "content-people": (
      "view-title": (
        "font-weight": $_font-weight-black,
      )
    )
  ),

  // Impact Title
  "impact-title": (
    "title": (
      "font-weight": $_font-weight-black,
    )
  ),

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

  // Project (CT)
  "project": (
    "full": (
      "case-study": (
        "header--bg-color": colors.$oxblood,
        "header--color": colors.$cream,
      )
    )
  )
);
