/*--------------------------------------------------------------
# VARIABLES
  - either set variables in customizer or
  - copy variables from parent theme and override it here
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# FONT FAMILY
--------------------------------------------------------------*/
:root {
  --font-family-1: 'Nunito Sans', sans-serif;
  --font-family-2: 'Nunito Sans', sans-serif;
  --font-family-3: monospace;

  --box-shadow: 0 .5rem .5rem rgba(0,0,0,.125);
  --box-shadow: 0 0.25rem 0remrgba(0,0,0,0.125);
  --border-radius: 1rem;

  --fontsize-min: 2;
  --fontsize-max: 4;
  --fontsize-minwidth: 192;
  --fontsize-maxwidth: 384;
  --fontsize-ratio: 1.125;
}

/*--------------------------------------------------------------
# SPACING
--------------------------------------------------------------*/
:root {
  --gutter: 2.4rem;
  --gutter-outer: calc(var(--gutter) * 1);
  --vertical-rhythm: calc(var(--gutter) * 1);
}

@media (min-width: 768px) {
  :root {
    --gutter-outer: calc(var(--gutter) * 3);
    --vertical-rhythm: calc(var(--gutter) * 2);

    --fontsize-min: 2;
    --fontsize-max: 4;
    --fontsize-minwidth: 192;
    --fontsize-maxwidth: 384;
    --fontsize-ratio: 1.2;
  } 
}