@font-face {
  font-family: 'Ploni';
  font-weight: 700;
  font-style: normal;
  src: url('https://media.upgradeshop.ai/ab15b38b-4fa8-431c-b4cc-408a2c752574/brand-fonts/PloniMLv2AAA-Bold.woff2') format('woff2');
  font-display: swap;
}

:root {
  --brand-type-heading-display-font: 'Ploni';
  --brand-type-heading-display-size: 4rem;
  --brand-type-heading-display-size-mobile: 2.5rem;
  --brand-type-heading-display-weight: 700;
  --brand-type-heading-display-line-height: 1;
  --brand-type-heading-display-letter-spacing: 0em;
  --brand-type-heading-display-text-transform: none;
  --brand-type-heading-display-font-style: normal;
  --brand-type-heading-section-font: 'Ploni';
  --brand-type-heading-section-size: 2.5rem;
  --brand-type-heading-section-size-mobile: 1.875rem;
  --brand-type-heading-section-weight: 700;
  --brand-type-heading-section-line-height: 1.1;
  --brand-type-heading-section-letter-spacing: 0em;
  --brand-type-heading-section-text-transform: none;
  --brand-type-heading-section-font-style: normal;
  --brand-type-heading-card-font: 'Ploni';
  --brand-type-heading-card-size: 1.5rem;
  --brand-type-heading-card-size-mobile: 1.25rem;
  --brand-type-heading-card-weight: 600;
  --brand-type-heading-card-line-height: 1.2;
  --brand-type-heading-card-letter-spacing: 0em;
  --brand-type-heading-card-text-transform: none;
  --brand-type-heading-card-font-style: normal;
  --brand-type-eyebrow-font: 'Ploni';
  --brand-type-eyebrow-size: 0.75rem;
  --brand-type-eyebrow-size-mobile: 0.75rem;
  --brand-type-eyebrow-weight: 600;
  --brand-type-eyebrow-line-height: 1.3;
  --brand-type-eyebrow-letter-spacing: 0.08em;
  --brand-type-eyebrow-text-transform: uppercase;
  --brand-type-eyebrow-font-style: normal;
  --brand-type-body-font: 'Alef';
  --brand-type-body-size: 1rem;
  --brand-type-body-size-mobile: 1rem;
  --brand-type-body-weight: 400;
  --brand-type-body-line-height: 1.6;
  --brand-type-body-letter-spacing: 0em;
  --brand-type-body-text-transform: none;
  --brand-type-body-font-style: normal;
  --brand-type-body-large-font: 'Alef';
  --brand-type-body-large-size: 1.125rem;
  --brand-type-body-large-size-mobile: 1rem;
  --brand-type-body-large-weight: 400;
  --brand-type-body-large-line-height: 1.6;
  --brand-type-body-large-letter-spacing: 0em;
  --brand-type-body-large-text-transform: none;
  --brand-type-body-large-font-style: normal;
  --brand-type-quote-font: 'Alef';
  --brand-type-quote-size: 1.25rem;
  --brand-type-quote-size-mobile: 1.125rem;
  --brand-type-quote-weight: 500;
  --brand-type-quote-line-height: 1.5;
  --brand-type-quote-letter-spacing: 0em;
  --brand-type-quote-text-transform: none;
  --brand-type-quote-font-style: normal;
  --brand-type-caption-font: 'Alef';
  --brand-type-caption-size: 0.875rem;
  --brand-type-caption-size-mobile: 0.875rem;
  --brand-type-caption-weight: 400;
  --brand-type-caption-line-height: 1.4;
  --brand-type-caption-letter-spacing: 0em;
  --brand-type-caption-text-transform: none;
  --brand-type-caption-font-style: normal;
}
@media (max-width: 768px) {
  :root {
    --brand-type-heading-display-size: 2.5rem;
    --brand-type-heading-section-size: 1.875rem;
    --brand-type-heading-card-size: 1.25rem;
    --brand-type-eyebrow-size: 0.75rem;
    --brand-type-body-size: 1rem;
    --brand-type-body-large-size: 1rem;
    --brand-type-quote-size: 1.125rem;
    --brand-type-caption-size: 0.875rem;
  }
}

:root {
  --brand-color-brand-primary: #405A63;
  --brand-color-brand-primary-hsl: 195 21% 32%;
  --brand-color-brand-secondary: #F7F0DE;
  --brand-color-brand-secondary-hsl: 43 61% 92%;
  --brand-color-brand-accent: #405A63;
  --brand-color-brand-accent-hsl: 195 21% 32%;
  --brand-color-semantic-success: #16a34a;
  --brand-color-semantic-success-hsl: 142 76% 36%;
  --brand-color-semantic-warning: #d97706;
  --brand-color-semantic-warning-hsl: 32 95% 44%;
  --brand-color-semantic-error: #dc2626;
  --brand-color-semantic-error-hsl: 0 72% 51%;
  --brand-color-semantic-info: #0284c7;
  --brand-color-semantic-info-hsl: 200 98% 39%;
  --brand-color-surface-pageBg: #ffffff;
  --brand-color-surface-pageBg-hsl: 0 0% 100%;
  --brand-color-surface-cardBg: #ffffff;
  --brand-color-surface-cardBg-hsl: 0 0% 100%;
  --brand-color-surface-sectionAlt: #F7F0DE;
  --brand-color-surface-sectionAlt-hsl: 43 61% 92%;
  --brand-color-surface-border: #342D2F;
  --brand-color-surface-border-hsl: 343 7% 19%;
  --brand-font-heading: 'Ploni';
  --brand-font-body: 'Alef';
  --brand-shape-button-radius: 2px;
  --brand-shape-card-radius: 2px;
  --brand-spacing-density: 4rem;
  --brand-shadow-elevation: 0 1px 2px rgba(26,26,26,0.06), 0 1px 4px rgba(26,26,26,0.04);
  --brand-website-header-logoSize: Medium;
  --brand-website-header-mobileMenu: Drawer;
  --brand-website-hero-overlayEnabled: false;
  --brand-website-hero-overlayColor: #1A1A1A;
  --brand-website-hero-overlayColor-hsl: 0 0% 10%;
  --brand-website-hero-overlayOpacity: 40;
  --brand-website-hero-textColor: Dark;
  --brand-website-hero-gradient: None;
  --brand-website-section-darkBg: #2C2A26;
  --brand-website-section-darkBg-hsl: 40 7% 16%;
  --brand-website-footer-bgTone: Dark;
  --brand-website-footer-showSocial: true;
  --brand-website-footer-socialStyle: Outline;
  --brand-website-footer-columns: 3;
  --brand-website-blog-bodySize: Default;
  --brand-website-blog-codeStyle: Light;
  --brand-website-blog-blockquoteStyle: Left border;
  --brand-website-images-radius: 8px;
  --brand-website-images-border: None;
  --brand-website-images-shadow: 0 1px 2px rgba(26,26,26,0.06), 0 1px 4px rgba(26,26,26,0.04);
  --brand-website-images-hoverEffect: None;
}