/**handles:child-theme**/
/*

Theme Name: Sitestack
Theme URI: 
Author: Julian @ Sitestack
Author URI: https://sitestack.nl/
Description: 
Version: 1.0.0
Template: pro

*/

:root {
  --ss-header-height: calc(2 * var(--ss-space-5xl));

  --ss-border-radius-xs: 4px;
  --ss-border-radius-sm: 8px;
  --ss-border-radius-md: 12px;
  --ss-border-radius-lg: 16px;
  --ss-border-radius-xl: 24px;
  
  /** Typography **/
  --ss-text-base-size: 1em;
  --ss-text-scale-ratio: 1.25;
  
  /** Element Spacing **/
  --ss-space-baseline: 1em;
  
  --ss-space-1xs: calc(0.125 * var(--ss-space-baseline));
  --ss-space-xs: calc(0.25 * var(--ss-space-baseline));
  --ss-space-sm: calc(0.5 * var(--ss-space-baseline));
  --ss-space-md: calc(1 * var(--ss-space-baseline));
  --ss-space-lg: calc(1.5 * var(--ss-space-baseline));
  --ss-space-xl: calc(2 * var(--ss-space-baseline));
  --ss-space-2xl: calc(2.5 * var(--ss-space-baseline));
  --ss-space-3xl: calc(3 * var(--ss-space-baseline));
  --ss-space-4xl: calc(3.5 * var(--ss-space-baseline));
  --ss-space-5xl: calc(4 * var(--ss-space-baseline));
  --ss-space-6xl: calc(4.5 * var(--ss-space-baseline));
}