@use "../colors";

$_font-weight-regular: 400;
$_font-weight-bold: 700;
$_font-weight-extra-bold: 800;

$site-mode-at-work: (
  "bg-color": colors.$north-sea,
  "color": colors.$iceland,
  "color-2": colors.$iceland,
  "highlight-color": colors.$south-beach,
  "highlight-color-2": colors.$santa-monica,
  "font-family": '"Lexend Deca", sans-serif',
  "font-weight": $_font-weight-regular,

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

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

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

  // Menus
  "menu": (
    "corporate": (
      "a": (
        "font-weight": $_font-weight-bold,
      ),
    ),
    "footer": (
      "a": (
        "font-weight": $_font-weight-bold,
      ),
    ),
    "local-tasks": (
      "nid": (
        "font-weight": $_font-weight-bold,
      ),
    ),
    "main": (
      "font-weight": $_font-weight-extra-bold,
    )
  ),

  // Accordion
  "accordion": (
    "font-weight": $_font-weight-extra-bold,
    "summary": (
      "color": colors.$south-beach,
    ),
  ),

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

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

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

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

  // Accents
  "accent-bg-color-1": colors.$sunset,
  "accent-bg-color-2": colors.$pinata,
  "accent-bg-color-3": colors.$bubblegum,
  "accent-bg-color-4": colors.$cream,

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

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

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

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