/* Generated by scripts/extract-design-tokens.mjs from https://maxideal-shop.com on 2026-11-06. Do not edit by hand. */
:root {
  --font-family: Inter, sans-serif;
  --color-text: rgba(0 59 142 / 1.0);
  --color-background: rgba(255 255 255 / 1.0);
  --color-border: rgba(0 0 0 / 0.06);
  --color-error: rgba(239, 68, 68, 1);
  --color-success: rgba(25, 135, 84, 1);
  --color-input-background: rgba(255 255 255 / 1.0);
  --color-input-border: rgba(0 0 0 / 0.13);
  --color-input-border-focus: rgba(0 0 0 / 1.0);
  --color-input-text: rgba(0 0 0 / 1.0);
  --color-button-background: rgba(255 106 0 / 1.0);
  --color-button-border: rgba(255 106 0 / 1.0);
  --color-button-text: rgba(17 17 17 / 1.0);
  --color-button-secondary-background: rgba(255 255 255 / 1.0);
  --color-button-secondary-border: rgba(0 59 142 / 1.0);
  --color-button-secondary-text: rgba(0 59 142 / 1.0);
  --color-announcement-background: rgb(0, 59, 142);
  --color-announcement-text: rgb(255, 255, 255);
  --color-accent: rgb(255, 138, 36);
  --color-panel: rgb(242, 246, 252);
  --color-band: rgb(0, 59, 142);
  --input-height: 50px;
  --input-radius: 10px;
  --input-padding: 14px;
  --input-font-size: 0.875rem;
  --button-radius: 10px;
  --button-font-size: 16px;
  --button-font-weight: 400;
  --button-letter-spacing: 0.4px;
  --button-padding: 10px 20px;
  --card-radius: 16px;
  --panel-radius: 16px;
  --page-width: 1300px;
  --page-margin-desktop: 40px;
  --page-margin-mobile: 20px;
  --title-size: 32px;
  --title-size-mobile: 24px;
  --title-weight: 600;
  --title-letter-spacing: normal;
  --announcement-height: 42px;
  --announcement-height-mobile: 36px;
  --announcement-font-size: 16px;
  --announcement-font-size-mobile: 13px;
  --announcement-font-weight: 750;
  --logo-height: 36px;
  --logo-height-mobile: 28px;
  --line-title-size: 16px;
  --line-title-weight: 500;
  --total-size: 17px;
  --total-weight: 500;
  --trust-title-size: 17px;
  --trust-title-weight: 600;
  --trust-text-size: 14.5px;
  --legal-size: 16px;
}