/* ==================================================
   HALLOWEEN THEME
   Drop-in replacement for theme-default.css.
================================================== */

:root
{
	--text: #1b1410;
	--text-muted: rgba(27, 20, 16, 0.55);
	--light: #fff1dc;
	--light-soft: #fff8ed;
	--primary: #6f2b8c;
	--primary-dark: #3f1556;
	--accent: #e67817;
	--accent-soft: #f2b35f;
	--border: rgba(106, 66, 40, 0.15);
	--page-bg-light: #fff8ed;
	--page-bg-mid: #f4ddc5;
	--page-bg-accent: #efa85a;
	--white: #fff;
	--black: #000;
	--transparent: transparent;
	--surface-auth: #211523;
	--surface-black: #0f0b11;
	--surface-dark: #1a111d;
	--surface-dark-alt: #1c121f;
	--surface-deep: #120b15;
	--surface-deeper: #100912;
	--surface-deepest: #0d0710;
	--surface-menu: #160d19;
	--surface-neutral-dark: #302433;
	--surface-neutral-dark-alt: #2d2130;
	--success-bg: #edf4e8;
	--success-bg-alt: #edf4e8;
	--success-border: #b7cda9;
	--success-border-alt: #b7cda9;
	--success-fill: #4d7137;
	--success-fill-overlay-13: rgba(77, 113, 55, 0.13);
	--success-overlay-10: rgba(77, 113, 55, 0.1);
	--success-overlay-35: rgba(77, 113, 55, 0.35);
	--success-shadow-13: rgba(54, 85, 41, 0.13);
	--success-shadow-18: rgba(54, 85, 41, 0.18);
	--success-text: #365529;
	--success-text-alt: #365529;
	--success-text-strong: #365529;
	--error-bg: #fae8e4;
	--error-bg-alt: #fae8e4;
	--error-border-alt: #e7beb7;
	--error-overlay-08: rgba(124, 46, 46, 0.08);
	--error-overlay-30: rgba(124, 46, 46, 0.3);
	--warning-shadow-10: rgba(138, 84, 24, 0.1);
	--warning-text: #8a5418;
	--warning-text-strong: #5f3710;
	--accent-overlay-06: rgba(230, 120, 23, 0.06);
	--accent-overlay-07: rgba(230, 120, 23, 0.07);
	--accent-overlay-08: rgba(230, 120, 23, 0.08);
	--accent-overlay-10: rgba(230, 120, 23, 0.1);
	--accent-overlay-11: rgba(230, 120, 23, 0.11);
	--accent-overlay-12: rgba(230, 120, 23, 0.12);
	--accent-overlay-13: rgba(230, 120, 23, 0.13);
	--accent-overlay-14: rgba(230, 120, 23, 0.14);
	--accent-overlay-23: rgba(230, 120, 23, 0.23);
	--accent-overlay-25: rgba(230, 120, 23, 0.25);
	--accent-overlay-28: rgba(230, 120, 23, 0.28);
	--accent-overlay-30: rgba(230, 120, 23, 0.3);
	--accent-overlay-35: rgba(230, 120, 23, 0.35);
	--accent-overlay-38: rgba(230, 120, 23, 0.38);
	--accent-overlay-42: rgba(230, 120, 23, 0.42);
	--accent-overlay-45: rgba(230, 120, 23, 0.45);
	--accent-overlay-50: rgba(230, 120, 23, 0.5);
	--accent-overlay-52: rgba(230, 120, 23, 0.52);
	--accent-overlay-55: rgba(230, 120, 23, 0.55);
	--accent-overlay-65: rgba(230, 120, 23, 0.65);
	--accent-soft-overlay-22: rgba(242, 179, 95, 0.22);
	--accent-soft-overlay-30: rgba(242, 179, 95, 0.3);
	--accent-soft-overlay-35: rgba(242, 179, 95, 0.35);
	--accent-soft-overlay-50: rgba(242, 179, 95, 0.5);
	--dark-overlay-05: rgba(26, 17, 29, 0.05);
	--dark-overlay-08: rgba(26, 17, 29, 0.08);
	--dark-overlay-20: rgba(26, 17, 29, 0.2);
	--dark-overlay-22: rgba(26, 17, 29, 0.22);
	--dark-overlay-25: rgba(26, 17, 29, 0.25);
	--dark-overlay-35: rgba(26, 17, 29, 0.35);
	--deep-overlay-78: rgba(13, 7, 16, 0.78);
	--deep-overlay-80: rgba(13, 7, 16, 0.8);
	--deep-overlay-90: rgba(13, 7, 16, 0.9);
	--focus-overlay-14: rgba(230, 120, 23, 0.14);
	--focus-overlay-16: rgba(230, 120, 23, 0.16);
	--light-overlay-06: rgba(255, 255, 255, 0.06);
	--light-overlay-08: rgba(255, 255, 255, 0.08);
	--light-overlay-10: rgba(255, 255, 255, 0.1);
	--light-overlay-20: rgba(255, 255, 255, 0.2);
	--light-overlay-23: rgba(255, 255, 255, 0.23);
	--light-overlay-25: rgba(255, 255, 255, 0.25);
	--light-overlay-34: rgba(255, 255, 255, 0.34);
	--light-overlay-38: rgba(255, 255, 255, 0.38);
	--light-overlay-40: rgba(255, 255, 255, 0.4);
	--light-overlay-42: rgba(255, 255, 255, 0.42);
	--light-overlay-44: rgba(255, 255, 255, 0.44);
	--light-overlay-45: rgba(255, 255, 255, 0.45);
	--light-overlay-46: rgba(255, 255, 255, 0.46);
	--light-overlay-48: rgba(255, 255, 255, 0.48);
	--light-overlay-50: rgba(255, 255, 255, 0.5);
	--light-overlay-52: rgba(255, 255, 255, 0.52);
	--light-overlay-65: rgba(255, 255, 255, 0.65);
	--light-overlay-66: rgba(255, 255, 255, 0.66);
	--light-overlay-68: rgba(255, 255, 255, 0.68);
	--light-overlay-78: rgba(255, 255, 255, 0.78);
	--light-overlay-80: rgba(255, 255, 255, 0.8);
	--light-overlay-85: rgba(255, 255, 255, 0.85);
	--light-text-overlay-40: rgba(255, 241, 220, 0.4);
	--light-text-overlay-68: rgba(255, 241, 220, 0.68);
	--light-text-overlay-70: rgba(255, 241, 220, 0.7);
	--light-text-overlay-75: rgba(255, 241, 220, 0.75);
	--light-text-overlay-78: rgba(255, 241, 220, 0.78);
	--light-text-overlay-80: rgba(255, 241, 220, 0.8);
	--light-text-overlay-82: rgba(255, 241, 220, 0.82);
	--primary-border-strong: #7f399d;
	--primary-overlay-07: rgba(111, 43, 140, 0.07);
	--primary-overlay-10: rgba(111, 43, 140, 0.1);
	--primary-overlay-22: rgba(111, 43, 140, 0.22);
	--primary-overlay-24: rgba(111, 43, 140, 0.24);
	--primary-overlay-25: rgba(111, 43, 140, 0.25);
	--primary-overlay-35: rgba(111, 43, 140, 0.35);
	--primary-overlay-40: rgba(111, 43, 140, 0.4);
	--primary-overlay-50: rgba(111, 43, 140, 0.5);
	--primary-shadow-14: rgba(70, 22, 93, 0.14);
	--primary-shadow-16: rgba(70, 22, 93, 0.16);
	--primary-shadow-18: rgba(70, 22, 93, 0.18);
	--primary-shadow-20: rgba(70, 22, 93, 0.2);
	--primary-shadow-22: rgba(70, 22, 93, 0.22);
	--primary-shadow-24: rgba(70, 22, 93, 0.24);
	--primary-shadow-alt-13: rgba(91, 33, 115, 0.13);
	--primary-shadow-alt-15: rgba(91, 33, 115, 0.15);
	--primary-shadow-alt-18: rgba(91, 33, 115, 0.18);
	--primary-shadow-alt-20: rgba(91, 33, 115, 0.2);
	--primary-shadow-alt-28: rgba(91, 33, 115, 0.28);
	--shadow-05: rgba(0, 0, 0, 0.05);
	--shadow-06: rgba(0, 0, 0, 0.06);
	--shadow-08: rgba(0, 0, 0, 0.08);
	--shadow-09: rgba(0, 0, 0, 0.09);
	--shadow-10: rgba(0, 0, 0, 0.1);
	--shadow-11: rgba(0, 0, 0, 0.11);
	--shadow-12: rgba(0, 0, 0, 0.12);
	--shadow-13: rgba(0, 0, 0, 0.13);
	--shadow-15: rgba(0, 0, 0, 0.15);
	--shadow-18: rgba(0, 0, 0, 0.18);
	--shadow-24: rgba(0, 0, 0, 0.24);
	--shadow-28: rgba(0, 0, 0, 0.28);
	--shadow-30: rgba(0, 0, 0, 0.3);
	--shadow-32: rgba(0, 0, 0, 0.32);
	--shadow-55: rgba(0, 0, 0, 0.55);
	--text-neutral: #62524a;
	--text-overlay-50: rgba(27, 20, 16, 0.5);
	--text-overlay-58: rgba(27, 20, 16, 0.58);
	--text-overlay-60: rgba(27, 20, 16, 0.6);
	--text-overlay-62: rgba(27, 20, 16, 0.62);
	--text-overlay-65: rgba(27, 20, 16, 0.65);
	--text-overlay-68: rgba(27, 20, 16, 0.68);
	--warm-border-18: rgba(106, 66, 40, 0.18);
	--warm-border-22: rgba(106, 66, 40, 0.22);
	--warm-shadow-04: rgba(74, 40, 24, 0.04);
	--warm-shadow-05: rgba(74, 40, 24, 0.05);
	--warm-shadow-06: rgba(74, 40, 24, 0.06);
	--warm-shadow-07: rgba(74, 40, 24, 0.07);
	--warm-shadow-08: rgba(74, 40, 24, 0.08);
	--warm-shadow-09: rgba(74, 40, 24, 0.09);
	--warm-shadow-10: rgba(74, 40, 24, 0.1);
	--warm-shadow-11: rgba(74, 40, 24, 0.11);
	--warm-shadow-12: rgba(74, 40, 24, 0.12);
	--warm-shadow-13: rgba(74, 40, 24, 0.13);
	--warm-shadow-17: rgba(74, 40, 24, 0.17);

	/* ==================================================
	   THEME CONTRACT / SEMANTIC TOKENS
	   Page CSS should consume these variables rather than
	   hard-coded colors or opacity values.
	================================================== */
	--burgundy: var(--primary);
	--burgundy-dark: var(--primary-dark);
	--gold: var(--accent);
	--gold-soft: var(--accent-soft);
	--cream: var(--light);
	--cream-light: var(--light-soft);
	--ink: var(--text);
	--line: var(--border);
	--font-body: "Barlow Condensed", Arial, sans-serif;
	--font-heading: "Barlow Condensed", Arial, sans-serif;
	--page-width: 1400px;
	--page-header-top-space: 42px;
	--page-header-margin-bottom: 35px;
	--page-header-title-gap: 18px;
	--hall-header-width: 900px;
	--hall-intro-width: 760px;
	--opacity-hidden: 0;
	--opacity-disabled: .60;
	--opacity-muted: .70;
	--opacity-near-full: .90;
	--opacity-full: 1;
	--footer-border: var(--border);
	--browse-label-text: var(--panel-text);
	--browse-control-text: var(--panel-text);
	--browse-placeholder-text: var(--panel-muted-text);
	--browse-control-bg: var(--field-bg);
	--page-text: #fff4e6;
	--page-heading-text: #fff4e6;
	--page-intro-text: rgba(255, 244, 230, .88);
	--page-accent-text: #ff9818;
	--panel-text: #1b1410;
	--panel-muted-text: rgba(27, 20, 16, .72);
	--panel-heading: #1b1410;
	--panel-link: #6f2b8c;
	--panel-link-hover: #3f1556;
	--panel-bg: rgba(255, 241, 220, .70);
	--field-text: #1b1410;
	--field-bg: #fff8ed;
	--field-bg-focus: #fffdf8;
	--field-border: rgba(27, 20, 16, .28);
	--field-border-hover: rgba(27, 20, 16, .48);
	--field-focus-shadow: rgba(255, 152, 24, .24);
	--dark-panel-text: #fff4e6;
	--dark-panel-muted-text: rgba(255, 244, 230, .78);
	--header-text: #fff4e6;
	--brand-text: #ff9818;
	--footer-bg: rgba(13, 7, 16, .90);
	--footer-text: #fff4e6;
	--footer-link: #ff9818;
	--footer-link-border: #ff9818;
	--footer-link-hover: #ffc94d;
	--theme-background-overlay: rgba(22, 6, 31, .08);
	--featured-card-border: rgba(255, 152, 24, .60);
	--featured-card-bg-start: rgba(48, 8, 58, .96);
	--featured-card-bg-end: rgba(25, 4, 32, .97);
	--featured-label-text: #ff9818;
	--featured-label-bg: #2b0835;
	--featured-quote-text: #fff4e6;
	--featured-quote-shadow: 0 1px 2px rgba(0, 0, 0, .28);
	--featured-source-text: #ff9818;
	--featured-source-strong: #a54fc0;
	--featured-action-text: #ffc94d;
	--featured-action-border: #ff9818;
	--featured-action-hover: #fff4e6;
	--featured-action-hover-border: #ffc94d;
	--featured-secondary-text: #ff9818;
	--featured-more-text: #ffc94d;
	--share-link-text: #fff4e6;
	--share-link-bg: rgba(24, 7, 31, .72);
	--share-link-border: rgba(255, 152, 24, .42);
	--share-link-hover-text: #1b061f;
	--share-link-hover-bg: #ff9818;
	--share-link-hover-border: #ff9818;
	--heart-icon-color: #ff9818;
	--heart-total-color: #fff4e6;
	--stats-strong-color: #ff9818;
	--stats-text-color: #fff4e6;
	--stats-border-color: rgba(255, 244, 230, .55);
	--stats-panel-bg: rgba(28, 18, 31, .90);
	--stats-panel-border: rgba(230, 120, 23, .62);
	--stats-panel-radius: 8px;
	--stats-panel-shadow: 0 10px 30px rgba(13, 7, 16, .34);
	--accent-overlay-055: rgba(230, 120, 23, .055);
	--warm-shadow-045: rgba(74, 40, 24, .045);
	--warm-shadow-055: rgba(74, 40, 24, .055);
	--warm-shadow-065: rgba(74, 40, 24, .065);
	--text-overlay-55: rgba(27, 20, 16, .55);
	--accent-overlay-22: rgba(230, 120, 23, 0.22);

	/* Help contact + pagination */
	--help-contact-text: #fff1dc;
	--help-contact-bg: rgba(31, 10, 39, .82);
	--help-contact-border: rgba(230, 120, 23, .78);
	--pagination-text: #fff1dc;
	--pagination-border: rgba(230, 120, 23, .72);
	--pagination-direction-text: #fff1dc;
	--pagination-direction-border: rgba(230, 120, 23, .72);
	--pagination-direction-hover-text: #fff1dc;
	--pagination-direction-hover-bg: #6f2b8c;
	--pagination-direction-hover-border: #e67817;
}

/* ==================================================
   HALLOWEEN BACKGROUND
================================================== */

body
{
	background-image:
		linear-gradient(var(--theme-background-overlay), var(--theme-background-overlay)),
		url('../../img/themes/halloween/halloween.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}

/*
	Seasonal artwork is now contained in halloween.jpg.
	Disable the old CSS-drawn decorative overlays.
*/

body::before,
body::after
{
	content: none;
	display: none;
}