:root {
  --color-primary: #ff6d00;
  --color-secondary: #58a856;
  --color-accent: #ff6c3f;
  --button-border-radius: 4px;

  /* Manual payment instructions */
  --manual-payment-accent: var(--color-primary);
  --manual-payment-accent-soft: #fef7ed;
  --manual-payment-border: #fecb9c;
  --manual-payment-surface: #fff;
  --manual-payment-text: #2d2d2d;
  --manual-payment-muted: #6a6a6a;
  --manual-payment-radius: 4px;
  --manual-payment-divider: #e5e6e8;
  --manual-payment-note-surface: #f8f8f8;
  --manual-payment-step-surface: var(--manual-payment-text);
  --manual-payment-on-step: #fff;
  --manual-payment-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);

  --throbber-color: #60aa4f;

  --prompt-logo-height: 50px;

  /* Preorder */
  --preorder-badge-color: #d44000;
  --preorder-badge-border: #f6d9cc;

  /* Taxonomy slider */
  --taxonomy-slider-title-alignment: left;
  --taxonomy-slider-arrow-left: 20px;
  --taxonomy-slider-arrow-right: auto;
  --taxonomy-slider-arrow-left-sm: 12px;
  --taxonomy-slider-arrow-right-sm: auto;

  /* Gradients */
  --background-gradient: linear-gradient(89deg, #eaf7e2 0.78%, #d1eebf 64.75%, #eaf7e2 100.74%);
  --modal-header-gradient: linear-gradient(97.09deg, #d5f9b9 1.76%, #feefa2 96.9%);

  /* Upsell aftersale */
  --upsell-aftersale-timer-color: #fff;
  --upsell-aftersale-timer-bg-color: var(--color-primary);

  /* Popup form */
  --popup-form-accent: var(--color-primary);
  --popup-form-accent-contrast: #fff;
  --popup-form-bg: #fff;
  --popup-form-text: #1a1a1a;
  --popup-form-muted: #555;
  --popup-form-overlay-bg: rgba(20, 20, 30, 0.55);
  --popup-form-input-border: #d4d4d4;
  --popup-form-input-placeholder: #9a9a9a;
  --popup-form-error-bg: #fdecea;
  --popup-form-error-color: #b3261e;
  --popup-form-success-bg: #e6f4ea;
  --popup-form-success-color: #1f6f3a;

  /* Blog */
  --blog-text-color: #1b1c1f;
  --blog-muted-color: #7d808b;
  --blog-article-border-radius: 4px;
  --blog-article-banner-border-radius: 4px;
  --blog-article-shadow: 0 6px 15px rgba(27, 28, 31, 0.05);
  --blog-article-shadow-hover: 0 6px 30px rgba(27, 28, 31, 0.2);
  --blog-article-date-color: #7d808b;
  --blog-article-date-font-size: 13px;
  --blog-category-filter-border-radius: 4px;
  --blog-category-item-border-radius: 0;
  --blog-category-item-hover-background: #e8f8ea;
  --blog-category-item-padding-right: 45px;
  --blog-category-link-background: #fff;
  --blog-category-link-border-radius: 4px;
  --blog-category-link-box-shadow: 0 4px 15px rgba(27, 28, 31, 0.05);
  --blog-category-link-box-shadow-hover: 0 4px 15px rgba(27, 28, 31, 0.2);
  --blog-category-link-padding: 9px 12px;
  --blog-search-border-radius: 4px;
  --blog-search-button-background: var(--color-primary);
  --blog-search-button-background-hover: #e6442a;
  --blog-list-border-radius: 4px;
  --blog-list-box-shadow: none;
  --blog-bottom-bar-box-shadow: 0px -6px 30px rgba(0, 0, 0, 0.08);
  --blog-filter-transition: 0.3s ease;
  --blog-font-weight-normal: 400;
  --blog-font-weight-medium: 500;
  --blog-h3-font-size-mobile: 17px;
  --blog-h3-font-size: 21px;
  --blog-p2-font-size: 15px;
  --blog-grid-gutter-width: 2rem;
}
