:root {
	/* LIGHT BASE VARIABLES (Default Theme) */
	--color-bg-main: #ffffff;
	--color-bg-surface: #f3f4f6;

	--color-text-primary: #111827;
	--color-text-secondary: #4b5563;
	--color-text-on-brand: #ffffff;

	--color-border: #e5e7eb;

	--color-brand-primary: #2563eb;
	--color-brand-primary-hover: #1d4ed8;

	--shadow-color: rgba(0, 0, 0, 0.1);
	--shadow-color-strong: rgba(0, 0, 0, 0.06);
	--shadow-color-card: rgba(0, 0, 0, 0.2);

	--body_s: 0.875rem;
	--body_m: 1rem;

	/* NEW: Component Hardcoded Tokens */
	--color-bg-card-front: #f1f1f1;
	--color-bg-card-back: #333333;
	--color-overlay: rgba(0, 0, 0, 0.2);
	--color-border-alt: #dddddd;
	--color-border-input: #aaaaaa;
	--color-bg-hover: #f9f9f9;
	--color-bg-active: #f0f8ff;
	--color-brand-accent: #007cba;
	--color-brand-accent-hover: #005a87;
	/* Radius */
	--radius-sm-fallback: 0.375rem;
	--radius-md-fallback: 1rem;
	--radius-lg-fallback: 2rem;
	--radius-full-fallback: 999px;

	--radius-sm-superellipse: 0.75rem;
	--radius-md-superellipse: 2rem;
	--radius-lg-superellipse: 4rem;
	--radius-full-superellipse: 9999px;

	/* Custom color (not inversed) */
	/* Surface*/
	--color-surface-100: #fff;
	--color-surface-200: #F7F2EC;
	--color-surface-300: #D7D1C7;
	--color-surface-400: #B7B3A5;
	--color-surface-500: #979685;
	--color-surface-600: #787A66;
	--color-surface-700: #58604A;
	--color-surface-800: #394731;
	--color-surface-900: #192F20;
	--color-surface-1000: #001909;
	/* Fuchsia */
	--color-fuchsia-100: #F2DEFF;
	--color-fuchsia-200: #EDC8FF;
	--color-fuchsia-300: #E6ABFF;
	--color-fuchsia-400: #DF8BFF;
	--color-fuchsia-500: #D464FF;
	--color-fuchsia-600: #BF52FF;
	--color-fuchsia-700: #A33EEF;
	/*--color-fuchsia-800: #8C27D2;*/
	--color-fuchsia-800: #6000A3;
	--color-fuchsia-900: #6000A3;
	--color-fuchsia-1000: #490075;
	/* Flamingo */
	--color-flamingo-100: #FFD8E8;
	--color-flamingo-200: #FFBCDB;
	--color-flamingo-300: #FF98CB;
	--color-flamingo-400: #FF6CBC;
	--color-flamingo-500: #FF2CA9;
	--color-flamingo-600: #FF0D97;
	--color-flamingo-700: #E3007E;
	--color-flamingo-800: #C6006A;
	--color-flamingo-900: #9F0050;
	--color-flamingo-1000: #6C0034;
	/* Apricot */
	--color-apricot-100: #FFDDC5;
	--color-apricot-200: #FFC59A;
	--color-apricot-300: #FFA55D;
	--color-apricot-400: #FF8000;
	--color-apricot-500: #FF5000;
	--color-apricot-600: #FF3D00;
	--color-apricot-700: #E72700;
	--color-apricot-800: #CA0000;
	--color-apricot-900: #A30000;
	--color-apricot-1000: #6E0000;
	/* Yellow */
	--color-yellow-100: #F1EABC;
	--color-yellow-200: #EBDD85;
	--color-yellow-300: #E4CC1C;
	--color-yellow-400: #DEBA00;
	--color-yellow-500: #D3A300;
	--color-yellow-600: #BE9000;
	--color-yellow-700: #A27800;
	--color-yellow-800: #8B6300;
	--color-yellow-900: #6D4900;
	--color-yellow-1000: #482E00;
	/* Green */
	--color-green-100: #CBF4D4;
	--color-green-200: #A3F0B6;
	--color-green-300: #67E991;
	--color-green-400: #00E168;
	--color-green-500: #00D437;
	--color-green-600: #00BE25;
	--color-green-700: #00A210;
	--color-green-800: #008A00;
	--color-green-900: #006B00;
	--color-green-1000: #004700;
	/* Electric-blue */
	--color-blue-100: #B9F4FA;
	--color-blue-200: #77F0FB;
	--color-blue-300: #00E9FB;
	--color-blue-400: #00E0FB;
	--color-blue-500: #00D1F4;
	--color-blue-600: #00BCDD;
	--color-blue-700: #009FBE;
	--color-blue-800: #0088A5;
	--color-blue-900: #006984;
	--color-blue-1000: #004558;
	/* Azure */
	--color-azure-100: #CDEBFF;
	--color-azure-200: #A8DFFF;
	--color-azure-300: #78CDFF;
	--color-azure-400: #37BAFF;
	--color-azure-500: #00A0FF;
	--color-azure-600: #008DFF;
	/*--color-azure-700: #0074FF;*/
	--color-azure-700: #0051C2;
	--color-azure-800: #005EED;
	--color-azure-900: #0042C2;
	--color-azure-1000: #002985;
	/* Scarlet */
	--color-scarlet-100: #FCE0E0;
	--color-scarlet-200: #FFCCCA;
	--color-scarlet-300: #FFB0B0;
	--color-scarlet-400: #FF9092;
	--color-scarlet-500: #FF6772;
	--color-scarlet-600: #F35863;
	--color-scarlet-700: #CF4851;
	--color-scarlet-800: #AF3B43;
	--color-scarlet-900: #882830;
	--color-scarlet-1000: #5B161C;

	/* Spaces */
	--card-gap: 0.25rem;
	--text-gap-xs: 0.25rem;
	--text-gap-sm: 0.5rem;
	--text-gap-md: 1rem;
	--text-gap-lg: 1.25rem;
	--text-to-card: 1.25rem;
	--component-gap: 1.5rem;
	--section-header: 2rem;
	--infocard-padding: 2.5rem;
	--card-padding: 1.5rem;
	--space-24: 1.5rem;
	--interactive-card-gap: 0.125rem;
	--card-gap-xs: 0.25rem;
	--reveal-padding: 1.25rem;
	--module-link-padding-y: 1rem;
	--module-link-gap: 1rem;
}
/**
/* DARK MODE OVERRIDES */
/*@media (prefers-color-scheme: dark) {*/
/*	:root {*/
/*		--color-bg-main: #111827;*/
/*		--color-bg-surface: #1f2937;*/

/*		--color-text-primary: #f9fafb;*/
/*		--color-text-secondary: #9ca3af;*/
/*		--color-text-on-brand: #ffffff;*/

/*		--color-border: #374151;*/

/*		--color-brand-primary: #3b82f6;*/
/*		--color-brand-primary-hover: #60a5fa;*/

/*		--shadow-color: rgba(0, 0, 0, 0.5);*/
/*		--shadow-color-strong: rgba(0, 0, 0, 0.3);*/
/*		--shadow-color-card: rgba(0, 0, 0, 0.5);*/

/*		!* NEW: Component Hardcoded Tokens (Dark Mode Equivalents) *!*/
/*		--color-bg-card-front: #374151; !* Darker gray for front *!*/
/*		--color-bg-card-back: #111827; !* Deepest dark for back *!*/
/*		--color-overlay: rgba(0, 0, 0, 0.6);*/
/*		--color-border-alt: #374151;*/
/*		--color-border-input: #6b7280;*/
/*		--color-bg-hover: #1f2937;*/
/*		--color-bg-active: #0d273e; !* Dark cool blue *!*/
/*		--color-brand-accent: #3ba9e4; !* Brightened blue for contrast *!*/
/*		--color-brand-accent-hover: #60bcf0;*/

/*		!* Colors from design *!*/
/*		--surface-bg: #001909;*/
/*		--surface-card: #192F20;*/
/*		--surface-input: #394731;*/
/*		--surface-disabled: #192F20;*/
/*		--surface-inverse: #F7F2EC;*/
/*		--surface-inverse-hover: #D7D1C7;*/
/*		--surface-inverse-pressed: #B7B3A5;*/
/*		--text-primary: #FFFFFF;*/
/*		--text-secondary: #B7B3A5;*/
/*		--text-tertiary: #787A66;*/
/*		--text-inverse: #001909;*/
/*		--accent-default: #6000A3;*/
/*		--accent-hover: #8C27D2;*/
/*		--accent-pressed: #490075;*/
/*		--accent-subtle: #F2DEFF;*/
/*		--accent-subtle-hover: #EDC8FF;*/
/*		--accent-subtle-pressed: #E6ABFF;*/
/*		--crisis-default: #A30000;*/
/*		--crisis-hover: #CA0000;*/
/*		--crisis-pressed: #6E0000;*/
/*		--crisis-subtle: #FFDDC5;*/
/*		--success-default: #00E168;*/
/*		--success-subtle: #004700;*/
/*		--accent-text-primary: #F2DEFF;*/
/*		--accent-text-secondary: #EDC8FF;*/
/*		--accent-text-tertiary: #E6ABFF;*/
/*		--crisis-text-primary: #FFDDC5;*/
/*		--crisis-text-secondary: #FFC59A;*/
/*		--crisis-text-tertiary: #FFA55D;*/
/*		--success-text-primary: #CBF4D4;*/
/*		--success-text-secondary: #A3F0B6;*/
/*		--success-text-tertiary: #67E991;*/
/*		--border-strong: #58604A;*/
/*		--text-white: #fff;*/
/*	}*/
/*}*/
/*
 * =========================================
 * GENERATEPRESS / WP THEME OVERRIDES
 * Forces text to obey Dark Mode tokens
 * =========================================
 */
/*@media (prefers-color-scheme: dark) {*/
/*	body,*/
/*	.site,*/
/*	.site-content,*/
/*	.site-footer {*/
/*		background-color: var(--color-bg-main) !important;*/
/*	}*/

/*	h1,*/
/*	h2,*/
/*	h3,*/
/*	h4,*/
/*	h5,*/
/*	h6,*/
/*	.entry-title {*/
/*		color: var(--color-text-primary) !important;*/
/*	}*/

/*	p,*/
/*	span,*/
/*	li,*/
/*	div {*/
/*		color: var(--color-text-secondary);*/
/*	}*/

/*	strong,*/
/*	b {*/
/*		color: var(--color-text-primary);*/
/*	}*/
/*}*/



@media only screen and (min-width: 768px) {
	:root{
		--body_s: 1rem;
		--body_m: 1.1875rem;
		--body_l: 1.4375rem;

		/* Spaces */
		--card-gap: 0.5rem;
		--text-gap-xs: 0.5rem;
		--text-gap-sm: 0.75rem;
		--text-gap-md: 1.5rem;
		--text-gap-lg: 1.75rem;
		--text-to-card: 2rem;
		--component-gap: 2.5rem;
		--section-header: 3rem;
		--infocard-padding: 3rem;
		--card-padding: 2rem;
		--interactive-card-gap: 0.25rem;
		--card-gap-xs: 0.5rem;
		--reveal-padding: 1.75rem;
		--module-link-padding-y: 1.5rem;
		--module-link-gap: 1.5rem;
		--header-height: 2.75rem;
	}
}