: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-300: hsla(330, 81%, 80%, 1.000);
    --primary-400: hsla(330, 81%, 70%, 1.000);
    --primary-500: hsla(330, 81%, 60%, 1.000);
    --primary-600: hsla(330, 81%, 50%, 1.000);
    --primary-700: hsla(330, 81%, 40%, 1.000);
    --secondary-300: hsla(189, 94%, 63%, 1.000);
    --secondary-400: hsla(189, 94%, 53%, 1.000);
    --secondary-500: hsla(189, 94%, 43%, 1.000);
    --secondary-600: hsla(189, 94%, 33%, 1.000);
    --secondary-700: hsla(189, 94%, 23%, 1.000);
    --tertiary-300: hsla(258, 90%, 86%, 1.000);
    --tertiary-400: hsla(258, 90%, 76%, 1.000);
    --tertiary-500: hsla(258, 90%, 66%, 1.000);
    --tertiary-600: hsla(258, 90%, 56%, 1.000);
    --tertiary-700: hsla(258, 90%, 46%, 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);
    --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(--action-primary);
    --button-primary-text: #ffffff;
    --button-primary-border-color: var(--action-primary);
    --button-primary-border-width: 1px;
    --button-primary-border-radius: var(--radius-sm);
    --button-primary-shadow: var(--shadow-none);
    --button-primary-hover-background: var(--action-primary-hover);
    --button-primary-hover-text: #ffffff;
    --button-primary-hover-border-color: var(--action-primary-hover);
    --button-primary-hover-shadow: var(--shadow-sm);
    --button-secondary-background: transparent;
    --button-secondary-text: var(--action-primary);
    --button-secondary-border-color: var(--action-primary);
    --button-secondary-border-width: 1px;
    --button-secondary-border-radius: var(--radius-sm);
    --button-secondary-shadow: var(--shadow-none);
    --button-secondary-hover-background: var(--action-primary);
    --button-secondary-hover-text: #ffffff;
    --button-secondary-hover-border-color: var(--action-primary);
    --button-secondary-hover-shadow: var(--shadow-sm);
    --button-tertiary-background: transparent;
    --button-tertiary-text: var(--action-primary);
    --button-tertiary-border-color: transparent;
    --button-tertiary-border-width: 0;
    --button-tertiary-border-radius: var(--radius-xs);
    --button-tertiary-shadow: var(--shadow-none);
    --button-tertiary-hover-background: rgb(0 0 0 / 0.06);
    --button-tertiary-hover-text: var(--action-primary-hover);
    --button-tertiary-hover-border-color: transparent;
    --button-tertiary-hover-shadow: var(--shadow-none);
    --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;
}

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);
    --primary-300: hsla(330, 81%, 40%, 1.000);
    --primary-400: hsla(330, 81%, 50%, 1.000);
    --primary-500: hsla(330, 81%, 60%, 1.000);
    --primary-600: hsla(330, 81%, 70%, 1.000);
    --primary-700: hsla(330, 81%, 80%, 1.000);
    --secondary-300: hsla(189, 94%, 23%, 1.000);
    --secondary-400: hsla(189, 94%, 33%, 1.000);
    --secondary-500: hsla(189, 94%, 43%, 1.000);
    --secondary-600: hsla(189, 94%, 53%, 1.000);
    --secondary-700: hsla(189, 94%, 63%, 1.000);
    --tertiary-300: hsla(258, 90%, 46%, 1.000);
    --tertiary-400: hsla(258, 90%, 56%, 1.000);
    --tertiary-500: hsla(258, 90%, 66%, 1.000);
    --tertiary-600: hsla(258, 90%, 76%, 1.000);
    --tertiary-700: hsla(258, 90%, 86%, 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);
}