/* <auto-generated /> Do not edit. Run npm run generate:branding. */
:root {
    --qn-forest: #173F35;
    --qn-leaf: #5F7F52;
    --qn-pollen: #F2B134;
    --qn-sky: #4F7C8A;
    --qn-clay: #B96548;
    --qn-canvas: #F4F6F2;
    --qn-surface: #FFFFFF;
    --qn-cream: #F8F5E9;
    --qn-ink: #202722;
    --qn-muted: #65706A;
    --qn-line: #DFE5DE;
    --qn-on-brand: #FFFFFF;
    --qn-on-light: #202722;
    --qn-link: #285E50;
    --qn-success: #315F3D;
    --qn-information: #315C68;
    --qn-warning: #7A3D29;
    --qn-error: #B3261E;
    --qn-focus: #173F35;
    --qn-success-surface: #E4EFE4;
    --qn-information-surface: #E3EDF0;
    --qn-warning-surface: #F7E8E2;
    --qn-focus-ring: #F2B134;
    --qn-font-family-product: "Nunito";
    --qn-font-size-caption: 12px;
    --qn-font-size-body-small: 14px;
    --qn-font-size-body: 16px;
    --qn-font-size-title-small: 18px;
    --qn-font-size-title: 24px;
    --qn-font-size-headline: 32px;
    --qn-font-size-display: 48px;
    --qn-font-weight-regular: 400;
    --qn-font-weight-medium: 500;
    --qn-font-weight-semibold: 600;
    --qn-font-weight-bold: 700;
    --qn-brand-primary: var(--qn-forest);
    --qn-brand-secondary: var(--qn-pollen);
    --qn-brand-tertiary: var(--qn-leaf);
    --qn-brand-bg: var(--qn-canvas);
    --qn-brand-surface: var(--qn-surface);
    --qn-brand-text: var(--qn-ink);
    --qn-brand-text-muted: var(--qn-muted);
    --qn-focus-ring: var(--qn-pollen);
}