:root {
  --padding-small: 5px;
  --padding-medium: 15px;
  --padding-large: 50px;

  --margin-medium: 15px;

  --radius: 5px;

  --button-main-bg: hsl(0, 100%, 50%);
  --button-main-bg-hover: hsl(0, 100%, 40%);
  --button-main-ripple-color: rgba(255,255,255,0.3);
  --button-main-text-color: black;

  --button-secondary-bg: hsl(0, 0%, 100%);
  --button-secondary-bg-hover: hsl(0, 0%, 95%);
  --button-secondary-ripple-color: rgba(0,0,0,0.3);
  --button-secondary-text-color: green;

  --button-small-font-size: 12px;
  --button-small-padding: var(--padding-small);

  --button-medium-font-size: 16px;
  --button-medium-padding: var(--padding-medium);

  --button-large-font-size: 30px;
  --button-large-padding: var(--padding-large);

  --rsi-window-bgcolor: #FFF;
  --page-bgcolor: #F3F3F4;

  --accent: #0066c0;
  --link-blue: #0066c0;
  --green: rgb(30, 134, 24);
  --red: #B12704;

  --normal-width: 680px;
  --product-header-container-sidebar-width: 200px;
  --product-header-container-gap: 25px;

  --title-font: "Poppins",sans-serif;
  --text-font: "Roboto",sans-serif;
  --sail-gray600: #4f566b;
  --white: #fff;
  --font13-lineHeight: 20px;
  --font14: 14px;
}