/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Aldrich:wght@300;400;500;600;700&display=swap" rel="stylesheet'); */

@import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');

:root {
  /* Brand/core */
  --pbmit-global-color: #4546b3;
  /* primary accent */
  --pbmit-global-color-rgb: 148, 148, 192;

  /* Surface/backgrounds */
  --pbmit-secondary-color: #1f273a;
  /* page bg (light theme secondary/dark section) */
  --pbmit-secondary-color-rgb: 31, 39, 58;
  --pbmit-light-color: #f2f4f9;
  /* light surface */
  --pbmit-white-color: #ffffff;
  /* white surface */
  --pbmit-blackish-color: #21293d;
  /* dark surface/text */
  --pbmit-service-style-3: #4546b3;

  /* Text/links */
  --pbmit-link-color-normal: #21293d;
  --pbmit-link-color-hover: #4546b3;
  --pbmit-body-typography-color: #787c8b;

  /* Typography families/sizing */
  --pbmit-body-typography-font-family: 'Aldrich', sans-serif;
  --pbmit-body-typography-variant: regular;
  --pbmit-body-typography-font-size: 16px;
  --pbmit-body-typography-line-height: 26px;

  --pbmit-heading-typography-font-family: 'Aldrich', sans-serif;
  --pbmit-heading-color: #21293d;
  --pbmit-heading-font-variant: 700;

  /* Buttons */
  --pbmit-btn-typography-font-family: 'Aldrich', sans-serif;
  --pbmit-btn-typography-variant: 700;
  --pbmit-btn-typography-font-size: 13px;
  --pbmit-btn-typography-line-height: 20px;

  /* Layout */
  --pbmit-responsive-breakpoint: 1200px;
  --pbmit-border-radius: 50px;
}

/* 1) Make sure every earlier dark-mode block is closed before this section */

/* 2) Base FAB (light mode = white button with sun) */
.theme-fab {
  position: fixed !important;
  inset: auto auto 16px 16px;
  z-index: 2147483647;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}

/* 3) Keep @supports only for safe-area positioning */
@supports (padding: max(0px)) {
  .theme-fab {
    left: max(16px, env(safe-area-inset-left));
    bottom: max(16px, env(safe-area-inset-bottom));
  }
}
