/* @import url() FONT IMPORTS MUST ALWAYS BE AT THE VERY TOP OF THIS FILE, ABOVE THE TAILWIND IMPORTS — DO NOT DELETE THIS COMMENT */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=Ubuntu:wght@400;500;700&display=swap');

/* CRITICAL: THE FOLLOWING TAILWIND IMPORTS MUST NEVER BE DELETED OR REORDERED — DO NOT DELETE THIS COMMENT */
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/* END TAILWIND IMPORTS — ALL OTHER CSS MUST GO BELOW THIS LINE */

html {
  scroll-behavior: smooth;
}
/* Offset anchored sections for the fixed navbar */
section[id] {
  scroll-margin-top: 5rem;
}
body {
  font-family: 'Ubuntu', sans-serif;
  color: #04272c;
  background-color: #ffffff;
}
::selection {
  background-color: #0dd0ca;
  color: #04272c;
}
/* Print styles — used for saving the style guide as a PDF */
@media print {
  /* Preserve brand colors in the PDF */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  /* Framer Motion reveals may not have triggered below the fold — force visible */
  [style*='opacity'] {
    opacity: 1 !important;
    transform: none !important;
  }
  /* Hide site chrome and interactive-only elements */
  .print-hidden {
    display: none !important;
  }
  /* Avoid awkward card splits across pages */
  article {
    break-inside: avoid;
  }
  section {
    break-inside: avoid-page;
  }
}