:root {
  --sizeguide-padding: 0.5rem;
  --sizeguide-background-dark: var(--color-green-500);
  --sizeguide-background-light: var(--color-turqoise-100);
  --sizeguide-color-light: var(--color-white);
}

.size__table table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

.size__table thead th,
    .size__table thead td {
      background: var(--color-green-500);
      background: var(--sizeguide-background-dark);
      color: var(--color-white);
      color: var(--sizeguide-color-light);
      font-weight: 800;
      text-align: left;
      padding: 0.5rem;
      padding: var(--sizeguide-padding);
    }

.size__table tr:nth-child(2n) {
      background: var(--color-turqoise-100);
      background: var(--sizeguide-background-light);
    }

.size__table tbody td {
      padding: 0.5rem;
      padding: var(--sizeguide-padding);
      font-family: monospace;
      border: 1px solid var(--color-turqoise-100);
      border: 1px solid var(--sizeguide-background-light);
    }