:root {
  --color-key: rgba(0, 128, 166, 1);
  --color-sub: rgba(0, 128, 166, 1);
  --color-screen-background: rgba(255, 255, 255, 1);
  --color-tab-selected: rgba(255, 255, 255, 1);
  --color-tab-unselected: rgba(57, 87, 117, 1);
  --color-tab-active: rgba(0, 128, 166, 1);
  --color-category-background: rgba(255, 255, 255, 1);
  --color-content-background: rgba(232, 232, 232, 0.6);
  --color-content-background-sub: rgba(228, 228, 228, 1);
  --color-content-active: rgba(45, 162, 197, 0.3);
  --color-card-background: rgba(255, 255, 255, 1);
  --color-plugin-tab-background-selected: rgba(57, 87, 117, 1);
  --color-plugin-tab-text-or-icon-selected: rgba(255, 255, 255, 1);
  --color-plugin-tab-background-unselected: rgba(239, 244, 245, 1);
  --color-plugin-tab-text-or-icon-unselected: rgba(57, 87, 117, 1);
  --color-popup-icon-background: rgba(204, 230, 237, 1);
  --color-line-button-background: rgba(6, 199, 85, 1);
  --color-button-text: rgba(255, 255, 255, 1);
  --color-text-or-icon: rgba(0, 0, 0, 1);
  --color-border: rgba(0, 0, 0, 1);
  --color-line: rgba(189, 189, 189, 1);
  --color-disable: rgba(208, 208, 208, 1);
  --color-tab-text-or-icon-selected: rgba(57, 87, 117, 1);
  --color-tab-text-or-icon-unselected: rgba(255, 255, 255, 1);
  --color-category-text-or-icon-selected: rgba(57, 87, 117, 1);
  --color-category-text-or-icon-unselected: rgba(95, 121, 147, 1);
  --color-stepper-active: rgba(0, 0, 0, 1);
  --color-radio-button: rgba(0, 128, 166, 1);
  --color-price-label-background: rgba(72, 84, 97, 0.6);
  --color-price-label-text: rgba(255, 255, 255, 1);
  --color-line-button-text: rgba(255, 255, 255, 1);
  --color-white: rgba(255, 255, 255, 1);
  --color-black: rgba(0, 0, 0, 1);
  --color-error-or-notice: rgba(206, 37, 0, 1);
  --color-dark: rgba(0, 0, 0, 1);

  --radius-nickname-card: 10px;
  --radius-item-card-l: 10px;
  --radius-item-card-m: 10px;
  --radius-item-card-s: 10px;
  --radius-item-card-no-photo: 10px;
  --radius-item-detail-card: 10px;
  --radius-recommendation-item-card: 10px;
  --radius-recommendation-item-photo: 6px;
  --radius-story-photo: 10px;
  --radius-item-list-photo: 4px;
  --radius-link-banner: 10px;
  --radius-menu-photo: 10px;
  --radius-tab-top: 10px;
  --radius-tab-bottom: 8px;
  --radius-dialog: 10px;
  --radius-form: 5px;
  --radius-common-button: 9999px;
  --radius-dialog-button: 8px;
  --radius-item-list-button: 5px;
  --radius-background: 10px;
  --radius-price-label: 5px;
  --radius-rounded-full: 9999px;
}