:root {
  --color-canvas: #ffffff;
  --color-surface: #ffffff;
  --color-soft: #f8f8f8;
  --color-primary-soft: #f8f8f8;
  --color-ink: #1a1a1a;
  --color-muted-strong: #6a6a6a;
  --color-muted: #8a8a8a;
  --color-border: #ededed;
  --color-price: #008bcc;
  --color-discount: #8f00ff;
  --color-focus: #155e75;
  --color-login-action: #010101;
  --color-login-copy: #353535;
  --color-login-muted: #9a9a9a;
  --color-login-security: #757575;
  --color-login-field: #e9e9e9;
  --color-login-field-hover: #cfcfcf;
  --color-login-divider: #dfdfdf;
  --color-error: #b4232f;
  --color-success: #2e7155;
  --color-overlay: rgb(26 26 26 / 22%);
  --radius-control: 5px;
  --radius-media: 10px;
  --radius-pill: 999px;
  --shadow-float: 0 10px 35px rgb(26 26 26 / 25%);
  --motion-snap: 180ms ease;
  --header-height: 56px;
}