@charset "UTF-8";

:root {
    /* $theme-color-base-family: "gray-cool" !default; */
    --theme-color-base-lightest: var(--gray-5);
    --theme-color-base-lighter: var(--gray-cool-10);
    --theme-color-base-light: var(--gray-cool-30);
    --theme-color-base: var(--gray-cool-50);
    --theme-color-base-dark: var(--gray-cool-60);
    --theme-color-base-darker: var(--gray-cool-70);
    --theme-color-base-darkest: var(--gray-90);
    --theme-color-base-ink: var(--gray-90);
    /* $theme-color-primary-family: "blue" !default; */
    --theme-color-primary-lighter: var(--blue-10);
    --theme-color-primary-light: var(--blue-30);
    --theme-color-primary: var(--blue-60v);
    --theme-color-primary-vivid: var(--blue-warm-60v);
    --theme-color-primary-dark: var(--blue-warm-70v);
    --theme-color-primary-darker: var(--blue-warm-80v);
    /* $theme-color-secondary-family: "red" !default; */
    --theme-color-secondary-lighter: var(--red-cool-10);
    --theme-color-secondary-light: var(--red-30);
    --theme-color-secondary: var(--red-50);
    --theme-color-secondary-vivid: var(--red-cool-50v);
    --theme-color-secondary-dark: var(--red-60v);
    --theme-color-secondary-darker: var(--red-70v);
    /* $theme-color-accent-warm-family: "orange" !default; */
    --theme-color-accent-warm-lighter: var(--orange-10);
    --theme-color-accent-warm-light: var(--orange-20v);
    --theme-color-accent-warm: var(--orange-30v);
    --theme-color-accent-warm-dark: var(--orange-50v);
    --theme-color-accent-warm-darker: var(--orange-60);
    /* $theme-color-accent-cool-family: "blue-cool" !default; */
    --theme-color-accent-cool-lighter: var(--blue-cool-5v);
    --theme-color-accent-cool-light: var(--blue-cool-20v);
    --theme-color-accent-cool: var(--cyan-30v);
    --theme-color-accent-cool-dark: var(--blue-cool-40v);
    --theme-color-accent-cool-darker: var(--blue-cool-60v);
}
:root {
    /* $theme-color-error-family: "red-warm" !default; */
    --theme-color-error-lighter: var(--red-warm-10);
    --theme-color-error-light: var(--red-warm-30v);
    --theme-color-error: var(--red-warm-50v);
    --theme-color-error-dark: var(--red-60v);
    --theme-color-error-darker: var(--red-70);
    /* $theme-color-warning-family: "gold" !default; */
    --theme-color-warning-lighter: var(--yellow-5);
    --theme-color-warning-light: var(--yellow-10v);
    --theme-color-warning: var(--gold-20v);
    --theme-color-warning-dark: var(--gold-30v);
    --theme-color-warning-darker: var(--gold-50v);
    /* $theme-color-success-family: "green-cool" !default; */
    --theme-color-success-lighter: var(--green-cool-5);
    --theme-color-success-light: var(--green-cool-20v);
    --theme-color-success: var(--green-cool-40v);
    --theme-color-success-dark: var(--green-cool-50v);
    --theme-color-success-darker: var(--green-cool-60v);
    /* $theme-color-info-family: "cyan" !default; */
    --theme-color-info-lighter: var(--cyan-5);
    --theme-color-info-light: var(--cyan-20);
    --theme-color-info: var(--cyan-30v);
    --theme-color-info-dark: var(--cyan-40v);
    --theme-color-info-darker: var(--blue-cool-60);
    /* $theme-color-disabled-family: "gray" !default; */
    --theme-color-disabled-lighter: var(--gray-20);
    --theme-color-disabled-light: var(--gray-40);
    --theme-color-disabled: var(--gray-50);
    --theme-color-disabled-dark: var(--gray-70);
    --theme-color-disabled-darker: var(--gray-90);
    /* $theme-color-emergency-family: "red-warm" !default; */
    --theme-color-emergency: var(--red-warm-60v);
    --theme-color-emergency-dark: var(--red-warm-80);
}
:root {
    --theme-body-background-color: white;

    --theme-text-color: var(--theme-color-base-ink);
    --theme-text-reverse-color: white;

    --theme-link-color: var(--theme-color-primary);
    --theme-link-visited-color: var(--violet-70v);
    --theme-link-hover-color: var(--theme-color-primary-dark);
    --theme-link-active-color: var(--theme-color-primary-darker);
    --theme-link-reverse-color: var(--theme-color-base-lighter);
    --theme-link-reverse-hover-color: var(--theme-color-base-lightest);
    --theme-link-reverse-active-color: white;
}
:root {
    --theme-font-type-cond: initial;
    --theme-font-type-icon: initial;
    --theme-font-type-lang: initial;
    --theme-font-type-mono: var(--font-roboto-mono);
    --theme-font-type-sans: var(--font-source-sans-pro);
    --theme-font-type-serif: var(--font-merriweather);
}
:root {
    --theme-font-role-alt: var(--theme-font-type-serif);
    --theme-font-role-body: var(--theme-font-type-sans);
    --theme-font-role-code: var(--theme-font-type-mono);
    --theme-font-role-heading: var(--theme-font-type-serif);
    --theme-font-role-ui: var(--theme-font-type-sans);
}
:root {
    --theme-cap-height-base: var(--base-cap-height);
    --theme-cap-height-cond: initial;
    --theme-cap-height-icon: initial;
    --theme-cap-height-lang: initial;
    --theme-cap-height-mono: var(--cap-height-roboto-mono);
    --theme-cap-height-sans: var(--cap-height-source-sans-pro);
    --theme-cap-height-serif: var(--cap-height-merriweather);
    --theme-cap-height-ui: var(--cap-height-source-sans-pro);
    --theme-cap-height-heading: var(--cap-height-merriweather);
    --theme-cap-height-body: var(--cap-height-source-sans-pro);
    --theme-cap-height-code: var(--cap-height-roboto-mono);
    --theme-cap-height-alt: var(--cap-height-merriweather);
}
:root {
    --theme-type-scale-3xs: var(--type-scale-2);
    --theme-type-scale-2xs: var(--type-scale-3);
    --theme-type-scale-xs: var(--type-scale-4);
    --theme-type-scale-sm: var(--type-scale-5);
    --theme-type-scale-md: var(--type-scale-6);
    --theme-type-scale-lg: var(--type-scale-9);
    --theme-type-scale-xl: var(--type-scale-12);
    --theme-type-scale-2xl: var(--type-scale-14);
    --theme-type-scale-3xl: var(--type-scale-15);
}
:root {
    --theme-font-weight-thin: 200;
    --theme-font-weight-light: 300;
    --theme-font-weight-normal: 400;
    --theme-font-weight-medium: 500;
    --theme-font-weight-semibold: 600;
    --theme-font-weight-bold: 700;
    --theme-font-weight-heavy: 800;
}
/* settings */
:root {
    --theme-focus-color: var(--blue-40v);
    /* $theme-focus-offset: 0 !default; */
    /* $theme-focus-style: solid !default; */
    /* $theme-focus-width: 0.5 !default; */
}
:root {
    /* $theme-icon-image-size: 2 !default; */
}
:root {
    --theme-border-radius-sm: 2px;
    --theme-border-radius-md: var(--border-radius-0-5);
    --theme-border-radius-lg: var(--border-radius-1);
}
:root {
    --theme-column-gap-sm: 2px;
    --theme-column-gap-md: var(--column-gap-2);
    --theme-column-gap-lg: var(--column-gap-3);
    --theme-column-gap-mobile: var(--column-gap-2);
    --theme-column-gap-desktop: var(--column-gap-4);
}
:root {
    --theme-grid-container-max-width: var(--spacing-desktop);
    --theme-site-margins-breakpoint: var(--spacing-desktop);
    --theme-site-margins-width: var(--spacing-4);
    --theme-site-margins-mobile-width: var(--spacing-2);
}
:root {
    --theme-root-font-size: 10px;
}
:root {
    --theme-body-font-family: var(--theme-font-role-body);
    --theme-body-font-size: var(--theme-type-scale-sm);
    --theme-body-line-height: var(--line-height-5);
}
:root {
    --theme-h1-font-size: var(--theme-type-scale-2xl);
    --theme-h2-font-size: var(--theme-type-scale-xl);
    --theme-h3-font-size: var(--theme-type-scale-lg);
    --theme-h4-font-size: var(--theme-type-scale-sm);
    --theme-h5-font-size: var(--theme-type-scale-xs);
    --theme-h6-font-size: var(--theme-type-scale-3xs);
    --theme-heading-line-height: var(--line-height-2);
    --theme-small-font-size: var(--theme-type-scale-2xs);
    --theme-display-font-size: var(--theme-type-scale-3xl);
}
:root {
    --theme-text-measure-narrow: var(--measure-smaller);
    --theme-text-measure: var(--measure-large);
    --theme-text-measure-wide: var(--measure-largest);
    --theme-prose-font-family: var(--theme-font-role-body);
}
:root {
    --theme-lead-font-family: var(--theme-font-role-heading);
    --theme-lead-font-size: var(--theme-type-scale-lg);
    --theme-lead-line-height: var(--line-height-6);
    --theme-lead-measure: var(--measure-largest);
}
:root {
    --theme-heading-margin-top: 1.5em;
    --theme-paragraph-margin-top: 1em;
}