:root {
    --base-50: hsla(208, 46%, 98%, 1.000);
    --base-100: hsla(208, 34%, 96%, 1.000);
    --base-200: hsla(213, 31%, 91%, 1.000);
    --base-300: hsla(213, 27%, 84%, 1.000);
    --base-400: hsla(215, 20%, 65%, 1.000);
    --base-500: hsla(215, 16%, 47%, 1.000);
    --base-600: hsla(214, 20%, 34%, 1.000);
    --base-700: hsla(214, 26%, 26%, 1.000);
    --base-800: hsla(217, 32%, 17%, 1.000);
    --base-900: hsla(222, 49%, 11%, 1.000);
    --base-950: hsla(231, 80%, 5%, 1.000);
    --primary-brand-color: #6B2F85;
    --brand-300: hsla(282, 48%, 55%, 1.000);
    --brand-400: hsla(282, 48%, 45%, 1.000);
    --brand-500: hsla(282, 48%, 35%, 1.000);
    --brand-600: hsla(282, 48%, 25%, 1.000);
    --brand-700: hsla(282, 48%, 15%, 1.000);
    --primary-300: hsla(282, 48%, 55%, 1.000);
    --primary-400: hsla(282, 48%, 45%, 1.000);
    --primary-500: hsla(282, 48%, 35%, 1.000);
    --primary-600: hsla(282, 48%, 25%, 1.000);
    --primary-700: hsla(282, 48%, 15%, 1.000);
    --secondary-300: hsla(198, 57%, 65%, 1.000);
    --secondary-400: hsla(198, 57%, 55%, 1.000);
    --secondary-500: hsla(198, 57%, 45%, 1.000);
    --secondary-600: hsla(198, 57%, 35%, 1.000);
    --secondary-700: hsla(198, 57%, 25%, 1.000);
    --tertiary-300: hsla(86, 44%, 61%, 1.000);
    --tertiary-400: hsla(86, 44%, 51%, 1.000);
    --tertiary-500: hsla(86, 44%, 41%, 1.000);
    --tertiary-600: hsla(86, 44%, 31%, 1.000);
    --tertiary-700: hsla(86, 44%, 21%, 1.000);
    --success-300: hsla(160, 84%, 59%, 1.000);
    --success-400: hsla(160, 84%, 49%, 1.000);
    --success-500: hsla(160, 84%, 39%, 1.000);
    --success-600: hsla(160, 84%, 29%, 1.000);
    --success-700: hsla(160, 84%, 19%, 1.000);
    --warning-300: hsla(38, 92%, 70%, 1.000);
    --warning-400: hsla(38, 92%, 60%, 1.000);
    --warning-500: hsla(38, 92%, 50%, 1.000);
    --warning-600: hsla(38, 92%, 40%, 1.000);
    --warning-700: hsla(38, 92%, 30%, 1.000);
    --danger-300: hsla(0, 84%, 80%, 1.000);
    --danger-400: hsla(0, 84%, 70%, 1.000);
    --danger-500: hsla(0, 84%, 60%, 1.000);
    --danger-600: hsla(0, 84%, 50%, 1.000);
    --danger-700: hsla(0, 84%, 40%, 1.000);
    --type-viewport-min: 480px;
    --type-viewport-max: 1440px;
    --font-default: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    --type-default-base-size: 16px;
    --type-default-min-scale: 1.125;
    --type-default-max-scale: 1.2;
    --weight-default: 400;
    --tracking-default: 0em;
    --type-default-xs: 0.6944rem;
    --leading-default-xs: 1rem;
    --type-default-sm: 0.8333rem;
    --leading-default-sm: 1.25rem;
    --type-default-base: 1rem;
    --leading-default-base: 1.5rem;
    --type-default-lg: 1.2rem;
    --leading-default-lg: 1.75rem;
    --type-default-xl: 1.44rem;
    --leading-default-xl: 2.25rem;
    --type-default-2xl: 1.728rem;
    --leading-default-2xl: 2.75rem;
    --type-default-3xl: 2.0736rem;
    --leading-default-3xl: 3.25rem;
    --type-default-4xl: 2.4883rem;
    --leading-default-4xl: 3.75rem;
    --type-default-5xl: 2.986rem;
    --leading-default-5xl: 4.75rem;
    --leading-default: var(--leading-default-base);
    --font-ui: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    --type-ui-base-size: 16px;
    --type-ui-min-scale: 1.125;
    --type-ui-max-scale: 1.2;
    --weight-ui: 500;
    --tracking-ui: 0em;
    --type-ui-xs: 0.6944rem;
    --leading-ui-xs: 1rem;
    --type-ui-sm: 0.8333rem;
    --leading-ui-sm: 1.25rem;
    --type-ui-base: 1rem;
    --leading-ui-base: 1.5rem;
    --type-ui-lg: 1.2rem;
    --leading-ui-lg: 1.75rem;
    --type-ui-xl: 1.44rem;
    --leading-ui-xl: 2rem;
    --type-ui-2xl: 1.728rem;
    --leading-ui-2xl: 2.5rem;
    --type-ui-3xl: 2.0736rem;
    --leading-ui-3xl: 3rem;
    --type-ui-4xl: 2.4883rem;
    --leading-ui-4xl: 3.5rem;
    --type-ui-5xl: 2.986rem;
    --leading-ui-5xl: 4.25rem;
    --leading-ui: var(--leading-ui-base);
    --font-article: Georgia, Times New Roman, serif;
    --type-article-base-size: 18px;
    --type-article-min-scale: 1.2;
    --type-article-max-scale: 1.25;
    --weight-article: 400;
    --tracking-article: 0em;
    --type-article-xs: 0.72rem;
    --leading-article-xs: 1.25rem;
    --type-article-sm: 0.9rem;
    --leading-article-sm: 1.5rem;
    --type-article-base: 1.125rem;
    --leading-article-base: 2rem;
    --type-article-lg: 1.4063rem;
    --leading-article-lg: 2.5rem;
    --type-article-xl: 1.7578rem;
    --leading-article-xl: 3rem;
    --type-article-2xl: 2.1973rem;
    --leading-article-2xl: 3.75rem;
    --type-article-3xl: 2.7466rem;
    --leading-article-3xl: 4.75rem;
    --type-article-4xl: 3.4332rem;
    --leading-article-4xl: 5.75rem;
    --type-article-5xl: 4.2915rem;
    --leading-article-5xl: 7.25rem;
    --leading-article: var(--leading-article-base);
    --font-display: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    --type-display-base-size: 18px;
    --type-display-min-scale: 1.2;
    --type-display-max-scale: 1.333;
    --weight-display: 700;
    --tracking-display: -0.01em;
    --type-display-xs: 0.6331rem;
    --leading-display-xs: 0.75rem;
    --type-display-sm: 0.844rem;
    --leading-display-sm: 1rem;
    --type-display-base: 1.125rem;
    --leading-display-base: 1.25rem;
    --type-display-lg: 1.4996rem;
    --leading-display-lg: 1.75rem;
    --type-display-xl: 1.999rem;
    --leading-display-xl: 2.25rem;
    --type-display-2xl: 2.6647rem;
    --leading-display-2xl: 3rem;
    --type-display-3xl: 3.552rem;
    --leading-display-3xl: 4rem;
    --type-display-4xl: 4.7348rem;
    --leading-display-4xl: 5.25rem;
    --type-display-5xl: 6.3115rem;
    --leading-display-5xl: 7rem;
    --leading-display: var(--leading-display-base);
    --font-body: var(--font-default);
    --font-heading: var(--font-display);
    --text-xs: var(--type-default-xs);
    --text-sm: var(--type-default-sm);
    --text-base: var(--type-default-base);
    --text-lg: var(--type-default-lg);
    --text-xl: var(--type-default-xl);
    --text-2xl: var(--type-display-2xl);
    --text-3xl: var(--type-display-3xl);
    --text-4xl: var(--type-display-4xl);
    --leading-tight: var(--leading-display);
    --leading-normal: var(--leading-default);
    --leading-relaxed: var(--leading-article);
    --tracking-tight: var(--tracking-display);
    --tracking-normal: var(--tracking-default);
    --default-max-content-width: 90rem;
    --max-content-width: 90rem;
    --site-background: var(--base-50);
    --site-background-image: none;
    --color-bg: var(--site-background);
    --post-archive-content-background: var(--base-50);
    --single-post-content-background: var(--base-50);
    --default-breakpoint-sm: 30rem;
    --default-breakpoint-md: 60rem;
    --default-breakpoint-lg: 90rem;
    --breakpoint-sm: var(--default-breakpoint-sm);
    --breakpoint-md: var(--default-breakpoint-md);
    --breakpoint-lg: var(--default-breakpoint-lg);
    --container-12: 90rem;
    --max-width-12: var(--container-12);
    --container-11: 82.5rem;
    --max-width-11: var(--container-11);
    --container-10: 75rem;
    --max-width-10: var(--container-10);
    --container-9: 67.5rem;
    --max-width-9: var(--container-9);
    --container-8: 60rem;
    --max-width-8: var(--container-8);
    --container-7: 52.5rem;
    --max-width-7: var(--container-7);
    --container-6: 45rem;
    --max-width-6: var(--container-6);
    --container-5: 37.5rem;
    --max-width-5: var(--container-5);
    --container-4: 30rem;
    --max-width-4: var(--container-4);
    --container-3: 22.5rem;
    --max-width-3: var(--container-3);
    --container-2: 15rem;
    --max-width-2: var(--container-2);
    --container-1: 7.5rem;
    --max-width-1: var(--container-1);
    --spacing-0: 0px 0rem;
    --spacing-v-0: 0px;
    --spacing-h-0: 0rem;
    --spacing-xs: 4px 0.25rem;
    --spacing-v-xs: 4px;
    --spacing-h-xs: 0.25rem;
    --spacing-sm: 8px 0.5rem;
    --spacing-v-sm: 8px;
    --spacing-h-sm: 0.5rem;
    --spacing-md: 12px 0.75rem;
    --spacing-v-md: 12px;
    --spacing-h-md: 0.75rem;
    --spacing-lg: 16px 1rem;
    --spacing-v-lg: 16px;
    --spacing-h-lg: 1rem;
    --spacing-xl: 20px 1.25rem;
    --spacing-v-xl: 20px;
    --spacing-h-xl: 1.25rem;
    --spacing-xxl: 24px 1.5rem;
    --spacing-v-xxl: 24px;
    --spacing-h-xxl: 1.5rem;
    --radius-0: 0px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-2x: 24px;
    --radius-xxl: var(--radius-2x);
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --shadow-none: none;
    --filter-backdrop-blur: blur(8px);
    --filter-backdrop-saturate: saturate(0);
    --filter-backdrop-none: none;
    --filter-transition-duration: 0.3s;
    --button-primary-background: var(--primary-500);
    --button-primary-text: #ffffff;
    --button-primary-border-color: var(--primary-500);
    --button-primary-border-width: 1px;
    --button-primary-border-radius: var(--radius-sm);
    --button-primary-shadow: var(--shadow-none);
    --button-primary-hover-background: var(--primary-600);
    --button-primary-hover-text: #ffffff;
    --button-primary-hover-border-color: var(--primary-600);
    --button-primary-hover-shadow: var(--shadow-sm);
    --button-primary-active-background: var(--primary-700);
    --button-primary-active-text: #ffffff;
    --button-primary-active-border-color: var(--primary-700);
    --button-primary-active-shadow: var(--shadow-none);
    --button-primary-focus-background: var(--primary-500);
    --button-primary-focus-text: #ffffff;
    --button-primary-focus-border-color: var(--primary-500);
    --button-primary-focus-shadow: var(--shadow-sm);
    --button-primary-focus-ring: var(--primary-500);
    --button-primary-visited-background: var(--primary-500);
    --button-primary-visited-text: #ffffff;
    --button-primary-visited-border-color: var(--primary-500);
    --button-primary-visited-shadow: var(--shadow-none);
    --button-primary-text-decoration: none;
    --button-secondary-background: var(--secondary-500);
    --button-secondary-text: var(--button-primary-text);
    --button-secondary-border-color: var(--button-primary-border-color);
    --button-secondary-border-width: var(--button-primary-border-width);
    --button-secondary-border-radius: var(--button-primary-border-radius);
    --button-secondary-shadow: var(--button-primary-shadow);
    --button-secondary-hover-background: var(--secondary-600);
    --button-secondary-hover-text: var(--button-primary-hover-text);
    --button-secondary-hover-border-color: var(--button-primary-hover-border-color);
    --button-secondary-hover-shadow: var(--button-primary-hover-shadow);
    --button-secondary-active-background: var(--secondary-700);
    --button-secondary-active-text: var(--button-primary-active-text);
    --button-secondary-active-border-color: var(--button-primary-active-border-color);
    --button-secondary-active-shadow: var(--button-primary-active-shadow);
    --button-secondary-focus-background: var(--secondary-500);
    --button-secondary-focus-text: var(--button-primary-focus-text);
    --button-secondary-focus-border-color: var(--button-primary-focus-border-color);
    --button-secondary-focus-shadow: var(--button-primary-focus-shadow);
    --button-secondary-focus-ring: var(--button-primary-focus-ring);
    --button-secondary-visited-background: var(--secondary-500);
    --button-secondary-visited-text: var(--button-primary-visited-text);
    --button-secondary-visited-border-color: var(--button-primary-visited-border-color);
    --button-secondary-visited-shadow: var(--button-primary-visited-shadow);
    --button-secondary-text-decoration: var(--button-primary-text-decoration);
    --button-tertiary-background: var(--tertiary-500);
    --button-tertiary-text: var(--button-primary-text);
    --button-tertiary-border-color: var(--button-primary-border-color);
    --button-tertiary-border-width: var(--button-primary-border-width);
    --button-tertiary-border-radius: var(--button-primary-border-radius);
    --button-tertiary-shadow: var(--button-primary-shadow);
    --button-tertiary-hover-background: var(--tertiary-600);
    --button-tertiary-hover-text: var(--button-primary-hover-text);
    --button-tertiary-hover-border-color: var(--button-primary-hover-border-color);
    --button-tertiary-hover-shadow: var(--button-primary-hover-shadow);
    --button-tertiary-active-background: var(--tertiary-700);
    --button-tertiary-active-text: var(--button-primary-active-text);
    --button-tertiary-active-border-color: var(--button-primary-active-border-color);
    --button-tertiary-active-shadow: var(--button-primary-active-shadow);
    --button-tertiary-focus-background: var(--tertiary-500);
    --button-tertiary-focus-text: var(--button-primary-focus-text);
    --button-tertiary-focus-border-color: var(--button-primary-focus-border-color);
    --button-tertiary-focus-shadow: var(--button-primary-focus-shadow);
    --button-tertiary-focus-ring: var(--button-primary-focus-ring);
    --button-tertiary-visited-background: var(--tertiary-500);
    --button-tertiary-visited-text: var(--button-primary-visited-text);
    --button-tertiary-visited-border-color: var(--button-primary-visited-border-color);
    --button-tertiary-visited-shadow: var(--button-primary-visited-shadow);
    --button-tertiary-text-decoration: var(--button-primary-text-decoration);
    --button-transparent-background: transparent;
    --button-transparent-text: var(--base-900);
    --button-transparent-border-color: transparent;
    --button-transparent-border-width: 0;
    --button-transparent-border-radius: var(--radius-sm);
    --button-transparent-shadow: var(--shadow-none);
    --button-transparent-hover-background: var(--base-100);
    --button-transparent-hover-text: var(--primary-600);
    --button-transparent-hover-border-color: transparent;
    --button-transparent-hover-shadow: var(--shadow-none);
    --button-transparent-active-background: var(--base-200);
    --button-transparent-active-text: var(--primary-700);
    --button-transparent-active-border-color: transparent;
    --button-transparent-active-shadow: var(--shadow-none);
    --button-transparent-focus-background: transparent;
    --button-transparent-focus-text: var(--primary-600);
    --button-transparent-focus-border-color: transparent;
    --button-transparent-focus-shadow: var(--shadow-none);
    --button-transparent-focus-ring: var(--primary-500);
    --button-transparent-visited-background: transparent;
    --button-transparent-visited-text: var(--primary-700);
    --button-transparent-visited-border-color: transparent;
    --button-transparent-visited-shadow: var(--shadow-none);
    --button-transparent-text-decoration: none;
    --button-link-background: transparent;
    --button-link-text: var(--primary-500);
    --button-link-border-color: transparent;
    --button-link-border-width: 0;
    --button-link-border-radius: var(--radius-sm);
    --button-link-shadow: var(--shadow-none);
    --button-link-hover-background: transparent;
    --button-link-hover-text: var(--primary-600);
    --button-link-hover-border-color: transparent;
    --button-link-hover-shadow: var(--shadow-none);
    --button-link-active-background: transparent;
    --button-link-active-text: var(--primary-700);
    --button-link-active-border-color: transparent;
    --button-link-active-shadow: var(--shadow-none);
    --button-link-focus-background: transparent;
    --button-link-focus-text: var(--primary-600);
    --button-link-focus-border-color: transparent;
    --button-link-focus-shadow: var(--shadow-none);
    --button-link-focus-ring: var(--primary-500);
    --button-link-visited-background: transparent;
    --button-link-visited-text: var(--primary-700);
    --button-link-visited-border-color: transparent;
    --button-link-visited-shadow: var(--shadow-none);
    --button-link-text-decoration: underline;
    --button-xs-padding-y: 0.375rem;
    --button-xs-padding-x: 0.625rem;
    --button-xs-font-size: 0.75rem;
    --button-sm-padding-y: 0.5rem;
    --button-sm-padding-x: 0.875rem;
    --button-sm-font-size: 0.875rem;
    --button-md-padding-y: 0.75rem;
    --button-md-padding-x: 1.125rem;
    --button-md-font-size: 1rem;
    --button-lg-padding-y: 0.95rem;
    --button-lg-padding-x: 1.5rem;
    --button-lg-font-size: 1.125rem;
    --button-xl-padding-y: 1.125rem;
    --button-xl-padding-x: 1.75rem;
    --button-xl-font-size: 1.25rem;
}

body {
    background-color: var(--site-background);
    background-image: var(--site-background-image);
    background-size: cover;
    background-position: center;
}

.single-post .entry-content,
.post-template-default .entry-content {
    background-color: var(--single-post-content-background);
}

body.color-switch-dark {
    --base-50: hsla(231, 80%, 5%, 1.000);
    --base-100: hsla(222, 49%, 11%, 1.000);
    --base-200: hsla(217, 32%, 17%, 1.000);
    --base-300: hsla(214, 26%, 26%, 1.000);
    --base-400: hsla(214, 20%, 34%, 1.000);
    --base-500: hsla(215, 16%, 47%, 1.000);
    --base-600: hsla(215, 20%, 65%, 1.000);
    --base-700: hsla(213, 27%, 84%, 1.000);
    --base-800: hsla(213, 31%, 91%, 1.000);
    --base-900: hsla(208, 34%, 96%, 1.000);
    --base-950: hsla(208, 46%, 98%, 1.000);
    --brand-300: hsla(282, 48%, 15%, 1.000);
    --brand-400: hsla(282, 48%, 25%, 1.000);
    --brand-500: hsla(282, 48%, 35%, 1.000);
    --brand-600: hsla(282, 48%, 45%, 1.000);
    --brand-700: hsla(282, 48%, 55%, 1.000);
    --primary-300: hsla(282, 48%, 15%, 1.000);
    --primary-400: hsla(282, 48%, 25%, 1.000);
    --primary-500: hsla(282, 48%, 35%, 1.000);
    --primary-600: hsla(282, 48%, 45%, 1.000);
    --primary-700: hsla(282, 48%, 55%, 1.000);
    --secondary-300: hsla(198, 57%, 25%, 1.000);
    --secondary-400: hsla(198, 57%, 35%, 1.000);
    --secondary-500: hsla(198, 57%, 45%, 1.000);
    --secondary-600: hsla(198, 57%, 55%, 1.000);
    --secondary-700: hsla(198, 57%, 65%, 1.000);
    --tertiary-300: hsla(86, 44%, 21%, 1.000);
    --tertiary-400: hsla(86, 44%, 31%, 1.000);
    --tertiary-500: hsla(86, 44%, 41%, 1.000);
    --tertiary-600: hsla(86, 44%, 51%, 1.000);
    --tertiary-700: hsla(86, 44%, 61%, 1.000);
    --success-300: hsla(160, 84%, 19%, 1.000);
    --success-400: hsla(160, 84%, 29%, 1.000);
    --success-500: hsla(160, 84%, 39%, 1.000);
    --success-600: hsla(160, 84%, 49%, 1.000);
    --success-700: hsla(160, 84%, 59%, 1.000);
    --warning-300: hsla(38, 92%, 30%, 1.000);
    --warning-400: hsla(38, 92%, 40%, 1.000);
    --warning-500: hsla(38, 92%, 50%, 1.000);
    --warning-600: hsla(38, 92%, 60%, 1.000);
    --warning-700: hsla(38, 92%, 70%, 1.000);
    --danger-300: hsla(0, 84%, 40%, 1.000);
    --danger-400: hsla(0, 84%, 50%, 1.000);
    --danger-500: hsla(0, 84%, 60%, 1.000);
    --danger-600: hsla(0, 84%, 70%, 1.000);
    --danger-700: hsla(0, 84%, 80%, 1.000);
}