/*

Theme Name: RerollZone

Template: storefront

Version: 1.0.0

*/
:root {
  --gb-font-main: "Assistant", Helvetica, Arial, sans-serif;

  --gb-text: #121212;
  --gb-text-soft: rgba(18, 18, 18, 0.75);
  --gb-text-muted: #6b7280;

  --gb-link: #121212;
  --gb-link-hover: #1cbcff;

  --gb-heading-weight: 700;
  --gb-body-weight: 400;
  --gb-strong-weight: 700;

  --gb-body-size: 16px;
  --gb-body-line: 1.5;

  --gb-h1-size: clamp(30px, 4vw, 48px);
  --gb-h2-size: clamp(24px, 2vw, 24px);
  --gb-h3-size: clamp(20px, 2vw, 26px);
  --gb-h4-size: 18px;
}

/* Base */
html {
  font-family: var(--gb-font-main);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
textarea,
select {
  font-family: var(--gb-font-main) !important;
}

body {
  color: var(--gb-text);
  font-size: var(--gb-body-size);
  font-weight: var(--gb-body-weight);
  line-height: var(--gb-body-line);
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.alpha,
.beta,
.gamma,
.delta,
.entry-title,
.page-title,
.woocommerce-products-header__title,
.product_title {
  font-family: var(--gb-font-main) !important;
  color: var(--gb-text);
  font-weight: var(--gb-heading-weight);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

h1,
.alpha,
.entry-title,
.page-title,
.product_title {
  font-size: var(--gb-h1-size);
}

h2,
.beta,
.woocommerce-products-header__title {
  font-size: var(--gb-h2-size);
}

h3,
.gamma {
  font-size: var(--gb-h3-size);
}

h4,
.delta {
  font-size: var(--gb-h4-size);
}

/* Paragraphs and text */
p,
li,
td,
th,
label,
.woocommerce form .form-row label {
  font-family: var(--gb-font-main);
}

p {
  color: var(--gb-text-soft);
  line-height: 1.55;
}

/* Links */
a {
  color: var(--gb-link);
  text-decoration: none;
}

a:hover {
  color: var(--gb-link-hover);
}

/* Strong text */
strong,
b {
  font-weight: var(--gb-strong-weight);
}

/* Buttons */
button,
.button,
.wp-element-button,
input[type="button"],
input[type="submit"],
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
  font-family: var(--gb-font-main) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}

/* Inputs */
input,
textarea,
select {
  font-size: 16px;
}

/* WooCommerce product cards */
.woocommerce-loop-product__title {
  font-family: var(--gb-font-main) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.price,
.woocommerce-Price-amount {
  font-family: var(--gb-font-main) !important;
  font-weight: 700;
}

/* Small UI text */
small,
.woocommerce-result-count,
.woocommerce-breadcrumb,
.gb-small-text {
  font-size: 13px;
  color: var(--gb-text-muted);
}