@font-face {
  font-family: 'themixosf';
  src: url('../../../fonts/TheMixOsf/TheMixOsf.woff2') format('woff2');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

[data-theme="twello"] {
  /* Colors */
  --color-primary: #009267;

  /* Base text */
  --base-font-family: 'themixosf', sans-serif;

  /* Form elements */
  --checkbox-border-radius: 0.25rem;
  --input-border-radius: 17rem;
  --label-font-weight: 600;
  --submit-border-radius: 2.125rem;
  --textarea-border-radius: 1.5rem;

  /* Confirmation message */
  --confirmation-border-radius: 1.5rem;
}