/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 24 2026 | 21:02:43 */
/* === Spacing Tokens with Responsive Breakpoints === */
:root {
  /* Layout */
  --max-width: 1264px;
  --padding-inline: 32px;
  /* Sydney's tablet-equivalent value as the cap */
}
:root {
  /* Desktop */
  /* Enable keyword transitions globally */
  interpolate-size: allow-keywords;
  /* Border radius */
  --radius-xs:   5px;
  --radius-sm:   12px;
  --radius-default: 18px;
  --radius-md:   24px;
  --radius-pill: 100px;
  --spacing-xxxs: 2.5px;
  --spacing-xxs:  8px;
  --spacing-xs:   16px;
  --spacing-sm:   24px;
  --spacing-default: 32px;
  --spacing-md:   40px;
  --spacing-lg:   56px;
  --spacing-xl:   64px;
  --spacing-xxl:  80px;
  --spacing-xxxl: 96px;
  --spacing-xxxxl:128px;
  /* Section vertical spacing */
  --section-sm:      60px;
  --section-md:     120px;
  --section-default:160px;
  --section-inline: 32px;
  --section-lg:     160px;
  --section-xl:     224px;
  /* Button padding */
  --btn-pad-v:  8px;
  --btn-pad-h:  18px;
  --btn-pad-v-sm: 12px;
  --btn-pad-h-sm: 0px;
  /* Button padding */
  --content-width-lg: 950px;
  --content-width-md: 730px;
  --content-width-sm: 650px;
  --content-width-xs: 500px;
}
@media (max-width: 1024px) {
  /* Tablet */
  :root {
    --spacing-xxs:   8px;
    --spacing-xs:    16px;
    --spacing-sm:    20px;
    --spacing-default: 16px;
    --section-inline: var(--section-default);
    --spacing-md:    20px;
    --spacing-lg:    24px;
    --spacing-xl:    32px;
    --spacing-xxl:   40px;
    --spacing-xxxl:  48px;
    --spacing-xxxxl: 64px;
    --section-sm:      48px;
    --section-md:      96px;
    --section-default: 32px;
    --section-lg:     128px;
    --section-xl:     176px;
    /*--btn-pad-v:  24px;
	--btn-pad-h:  32px;*/
  }
}
@media (max-width: 767px) {
  /* Mobile */
  :root {
    --spacing-xxs:   8px;
    --spacing-xs:    12px;
    --spacing-sm:    14px;
    --spacing-default: 16px;
    --section-inline: var(--section-default);
    --spacing-md:    20px;
    --spacing-lg:    24px;
    --spacing-xl:    32px;
    --spacing-xxl:   40px;
    --spacing-xxxl:  64px;
    --spacing-xxxxl: 80px;
    --section-sm:      32px;
    --section-md:      48px;
    --section-default: 16px;
    --section-lg:      64px;
    --section-xl:      80px;
    /*--btn-pad-v:  16px;
	--btn-pad-h:  24px;*/
  }
}