@import 'theme_builder';

.theme--bandit {
  @include generate-theme-variables((
    /* Shadows */
    "shadow--s": 0 .125em 1em rgba(var(--color--shadow-rgb), .08),
    "shadow--m": 0 .25em 2em rgba(var(--color--shadow-rgb), .12),
    "shadow--l": 0 .375em 3em rgba(var(--color--shadow-rgb), .16),
    "shadow--xl": 0 .5em 4em rgba(var(--color--shadow-rgb), .24),

    /* Radii */
    "radius--tiny": .125em,
    "radius--small": .25em,
    "radius--med": .5em,
    "radius--large": .75em,
    "radius--extra-large": .75em,
    "radius--huge": .75em,

    /* Font sizes */
    "font-size--xxs": .5em,
    "font-size--xs": .75em,
    "font-size--s": .875em,
    "font-size--base": 1em,
    "font-size--l": 1.125em,
    "font-size--xl": 1.5em,
    "font-size--xxl": 2em,
    "font-size--xxxl": 3em,
    "font-size--subheadline": 4em,
    "font-size--headline": 5em,

    /* Font weights */
    "font-weight--normal": 400,
    "font-weight--semibold": 600,
    "font-weight--bold": 700,

    /* Body variables */
    "base____font-size": 1rem
  ));

  /* Set non-color inherited properties */
  font-family: var(--base____font-family);
  font-size: var(--base____font-size);
  line-height: var(--base____line-height);
}