/////////////////////////
//                     //
//      Pico CSS       //
// https://picocss.com //
//                     //
/////////////////////////


@use "@picocss/pico/scss/pico" with (
  $theme-color: "purple",
  $enable-semantic-container: true,
  $enable-responsive-spacings: true,
  $modules: (
    // deactive unused modules
    "forms/input-color": false,
    "forms/input-date": false,
    "forms/input-file": false,
    "forms/input-range": false,
    "forms/input-search": false,
    "components/card": false,
    "components/dropdown": false,
    "components/loading": false,
    "components/modal": false,
    "components/progress": false,
    "components/tooltip": false,
  ),
  // Limit the viewport width for large screen
  $breakpoints: (
    lg: (
      viewport: 43rem,
    ),
    xl: (
      viewport: 43rem,
    ),
    xxl: (
      viewport: 43rem,
    ),
  )
);