/*
Theme Name: Blocksy Child
Description: Dr. Morse's TV Blocksy child theme.
Author: Creative Themes
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/

:root {
	--font-body: "Source Sans 3", sans-serif;
	--font-ui: "Source Sans 3", sans-serif;
	--font-heading: "Source Sans 3", sans-serif;

	--font-weight-regular: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-black: 900;

	--text-xs: 0.9375rem;
	--text-sm: 1rem;
	--text-base: 1.125rem;
	--text-lg: 1.3125rem;
	--text-xl: 1.5rem;
	--text-2xl: 1.625rem;
	--text-3xl: 2.25rem;
	--text-4xl: 3.5rem;
	--text-5xl: 3.625rem;
	--page-title-size-desktop: var(--text-4xl);
	--page-title-size-tablet: var(--text-3xl);
	--page-title-size-mobile: var(--text-2xl);
	--page-title-tracking: var(--tracking-black);

	--tracking-black: 0.8px;
	--tracking-tight: -0.125rem;
	--tracking-wide: 0.0625rem;
	--leading-ui: 1.6667;
	--leading-copy: 1.5238;
	--leading-heading: 1.3056;

	--color-black: #000000;
	--color-white: #ffffff;
	--color-text: #333333;
	--color-text-strong: #333333;
	--color-heading: #333333;
	--color-brand-peach: #e9a178;
	--color-brand-apricot: #f18977;
	--color-brand-santa-fe: #b97166;
	--color-brand-sky: #3dbfe8;
	--color-surface-soft: #f6f6fa;
	--color-surface-soft-alt: #f7f6fb;
	--color-surface-muted: #f2f5f7;
	--color-ink-deep: #303030;
	--color-ink-muted: #444444;
	--color-ui-muted: #818a91;
	--color-alert: #892212;

	--color-overlay-dark-50: rgba(0, 0, 0, 0.5);
	--color-overlay-dark-67: rgba(0, 0, 0, 0.67);
	--color-overlay-santa-fe-39: rgba(174, 104, 76, 0.39);
	--color-overlay-gray-73: rgba(117, 117, 117, 0.73);
	--color-overlay-white-02: rgba(255, 255, 255, 0.024);
	--color-selection-bg: rgba(241, 137, 119, 0.92);
	--color-selection-text: #303030;
	--theme-selection-background-color: var(--color-selection-bg);
	--theme-selection-text-color: var(--color-selection-text);
	--gradient-footer: linear-gradient(to right, #303030 35%, #303030 100%);
	--link-light-color: #192a3d;
	--link-light-hover-color: #303030;
	--link-light-underline: rgba(241, 137, 119, 0.9);
	--link-light-focus-ring: rgba(241, 137, 119, 0.28);
	--link-dark-color: rgba(255, 255, 255, 0.94);
	--link-dark-hover-color: #ffffff;
	--link-dark-underline: rgba(233, 161, 120, 0.92);
	--link-dark-focus-ring: rgba(233, 161, 120, 0.3);
	--link-underline-thickness: 0.12em;
	--link-underline-offset: 4px;
	--link-copy-underline-offset: 6px;
	--link-focus-radius: 0.2rem;
	--form-field-border: 2px solid var(--color-text);
	--form-field-bg: rgba(255, 255, 255, 0.9);
	--form-field-text: var(--color-text);
	--form-field-focus-border: var(--color-brand-apricot);
	--form-field-focus-bg: var(--color-brand-peach);
	--form-field-focus-ring: 0 0 0 0.22rem rgba(241, 137, 119, 0.14);

	--radius-base: 0.5rem;
	--radius-none: 0;
	--radius-sm: var(--radius-base);
	--radius-md: var(--radius-base);
	--radius-full: 999px;
	--radius-circle: 50%;
	--radius-lg: calc(var(--radius-base) + 0.15rem);
	--radius-xl: calc(var(--radius-base) + 0.3rem);
	--radius-2xl: calc(var(--radius-base) + 0.6rem);

	--space-2xs: 0.125rem;
	--space-xs: 0.3125rem;
	--space-xs-plus: 0.375rem;
	--space-sm: 0.5625rem;
	--space-md: 0.625rem;
	--space-md-plus: 0.8125rem;
	--space-lg: 0.9375rem;
	--space-xl: 1.25rem;
	--space-2xl: 1.875rem;
	--space-3xl: 2.25rem;
	--space-4xl: 2.5rem;
	--space-5xl: 3rem;
	--space-6xl: 4.6875rem;
	--space-7xl: 5.4375rem;

	--pad-chip-y: 0.125rem;
	--pad-chip-x: 0.375rem;
	--pad-button-y: 0.625rem;
	--pad-column-inline: 0.9375rem;
	--pad-footer-inline: 1.25rem;
	--pad-card-top: 2.5rem;
	--pad-card-bottom: 3.125rem;
	--pad-section-top: 4.6875rem;
	--page-hero-top-trim: 1.25rem;
	--page-hero-card-top-trim: 1.25rem;
	--custom-hero-top-trim: 2.5rem;
	--gap-nav-item: 0.9375rem;
	--gap-footer-nav: 2.8125rem;

	--viewport-desktop: 94.5625rem;
	--content-max-width: 80.625rem;
	--content-wide-width: 78.75rem;
	--content-footer-width: 75rem;
	--content-nav-width: 56.25rem;
	--content-hero-width: 56.4375rem;
	--content-title-width: 54.5625rem;
	--content-main-width: 48.4375rem;
	--content-narrow-width: 46.5625rem;
	--content-sidebar-width: 16.125rem;
	--content-card-width: 19.25rem;
}

body {
	--theme-selection-background-color: var(--color-selection-bg);
	--theme-selection-text-color: var(--color-selection-text);
}

/* Feature styles are loaded from assets/css/*.css via functions.php. */