:root {
  --heading-ff: "Play", sans-serif;
  --main-ff: "Play", sans-serif;
  /** ScrollBar
  * Trumb
  * --scrollbar-thumb-bg      // background
  * --scrollbar-thumb-bg--h   // background hover
  * --scrollbar-thumb-bg--a   // background active
  * 
  * --scrollbar-thumb-bdc     // border color
  * --scrollbar-thumb-bdc--h  // border color hover
  * --scrollbar-thumb-bdc--a  // border color active
  * --scrollbar-thumb-bdw     // border width
  * --scrollbar-thumb-bds     // border style
  * --scrollbar-thumb-bdrs    // border radius
  * 
  * Track
  * --scrollbar-track-bg      // background
  * --scrollbar-w             // width
  * --scrollbar-gt            // gutter
  */
  --scrollbar-thumb-bg: #d1d1d1;
  --scrollbar-thumb-bg--h: var(--primary-c, #ffa800);
  --scrollbar-thumb-bg--a: var(--primary-c--h, #f39200);
  --scrollbar-thumb-bdc: #d1d1d1;
  --scrollbar-thumb-bdc--h: var(--primary-c, #ffa800);
  --scrollbar-thumb-bdc--a: var(--primary-c--h, #f39200);
  --scrollbar-thumb-bdw: 1px;
  --scrollbar-thumb-bds: solid;
  --scrollbar-thumb-bdrs: 0.3em;
  --scrollbar-track-bg: #f1f1f1;
  --scrollbar-w: 0.7em;
  --scrollbar-gt: stable;
  /** Selection
  * --selection-c     // color
  * --selection-bgc   // background-color
  * --selection-td    // text-decoration
  * --selection-tsh   // text-shadow
  */
  --selection-c: var(--text-c, #000);
  --selection-bgc: var(--primary-c, #fad636);
  --selection-td: none;
  --selection-tsh: none;
  /* Colors */
  --light-c: #ffffff;
  --light-c--h: #ffffff;
  --dark-c: #000000;
  --dark-c--h: #000000;
  --text-c: var(--dark-c);
  --brand-accent: rgb(255, 192, 0);
  --brand-black: rgb(61, 61, 61);
  --brand-grey: rgb(30, 30, 30);
  --brand-light: rgb(255, 255, 255);
  --primary-c: rgb(255, 168, 0);
  --primary-c--h: rgb(243, 146, 0);
  --accent-c: var(--brand-accent);
  --top-bar-bg: var(--brand-black);
  --top-bar-c: var(--light);
  --top-bar-ff: var(--heading-ff);
  --main-menu-ff: var(--heading-ff);
  --section-pbl: 20px;
  --section-heading-g: 0;
  --section-title-fw: 700;
  --section-title-ff: var(--heading-ff);
  --section-title-ta: start;
  --section-subtitle-ta: start;
  --h2-fz: 24px;
  --card-fxd: column;
  --card-g: 8px;
  --card-p: 8px 8px 12px;
  --card-bxsh: 0 0 16px 2px rgb(0 0 0 / 0.06);
  --card-bxsh--h: 0 0 40px 8px rgb(0 0 0 / 12%);
  --card-trsl--h: 0 -0.25em;
  --card-img-maw: 100px;
  --card-body-jc: start;
  --card-body-g: 4px;
  --card-title-c: #3c3c3c;
  --card-title-fz: 16px;
  --card-title-fw: 700;
  --card-title-lh: 1.25;
  --card-title-ff: var(--main-ff, sans-serif);
  --card-title-ta: center;
  --card-text-c: #3c3c3c;
  --card-text-fz: 15.5px;
  --card-text-ff: var(--main-ff, sans-serif);
  --card-text-ta: center;
  --body-bg: var(--light-c);

  /* Buttons */
  --btn-fw: 700;
  --btn-tt: uppercase;
  --btn-ff: var(--main-ff, sans-serif);
  --btn-bdrs: 0.25em;
  --btn-p: 0.875em 1.5em;
  /* Effects */
  --trz: 0.2s ease;
}
@media (min-width: 768px) {
  :root {
    --section-pbl: 40px;
    --section-heading-g: 2px;
  }
}
@media (min-width: 1200px) {
  :root {
    --section-pbl: 60px;
    --section-heading-g: 4px;
  }
}
@media (min-width: 768px) {
  :root {
    --h2-fz: 28px;
  }
}
@media (min-width: 768px) {
  :root {
    --h2-fz: 32px;
  }
}
@media (max-width: 374.98px) {
  :root {
    --card-fxd: row;
    --card-fxw: nowrap;
    --card-jc: start;
    --card-ai: start;
    --card-body-ai: start;
    --card-title-ta: start;
    --card-text-ta: start;
  }
}
@media (min-width: 576px) {
  :root {
    --card-ai: center;
    --card-body-ai: center;
  }
}
@media (min-width: 768px) {
  :root {
    --card-g: 10px;
    --card-p: 20px 12px 24px;
    --card-img-maw: 120px;
    --card-body-g: 6px;
    --card-title-fz: 16.5px;
    --card-text-fz: 16px;
  }
}
@media (min-width: 992px) {
  :root {
    --card-img-maw: 140px;
  }
}
@media (min-width: 1200px) {
  :root {
    --card-g: 12px;
    --card-p: 20px 16px 24px;
    --card-bxsh: 0 0 32px 4px rgb(0 0 0 / 8%);
    --card-img-maw: 100%;
    --card-body-g: 8px;
    --card-title-fz: 17px;
    --card-text-fz: 16.5px;
  }
} /*# sourceMappingURL=config.dev.css.map */
