/*
Theme Name: CAADRIA
Theme URI: https://caadria2025.org
Description: GeneratePress child theme for CAADRIA — the Cognitive, Affective And Developmental Research Insights Archive. Psychology content with interactive self-checks, myth cards and predict-then-reveal formats.
Author: Piyush Choudhary
Template: generatepress
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: caadria
*/

:root {
	--ca-ink: #2E2A4F;       /* ink violet — identity */
	--ca-ink-deep: #1F1C38;  /* deep dusk */
	--ca-peri: #6C63D2;      /* periwinkle — actions */
	--ca-peri-dark: #4F47B0;
	--ca-mint: #5FCFAD;      /* mint — reveal / correct states */
	--ca-amber: #F2A93B;     /* amber — highlights, sparing */
	--ca-mist: #EEECF6;      /* lavender mist — sections */
	--ca-paper: #FCFBFE;
	--ca-text: #2B2838;
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 3px solid var(--ca-peri);
	outline-offset: 2px;
}

/* ============================ Site footer =========================== */
.ca-footer {
	background: var(--ca-ink-deep);
	color: rgba(255, 255, 255, 0.78);
	font-family: "Source Serif 4", Georgia, serif;
	font-size: 0.95rem;
	line-height: 1.6;
}
.ca-footer__wrap { max-width: 1160px; margin-inline: auto; padding-inline: 24px; }
.ca-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr repeat(4, 1fr);
	gap: 40px;
	padding-block: 64px 56px;
}
.ca-footer__logo {
	display: inline-block;
	font-family: "Space Grotesk", system-ui, sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	letter-spacing: 0.3em;
	color: #fff;
	text-decoration: none;
	margin-bottom: 16px;
}
.ca-footer__logo span { color: var(--ca-mint); }
.ca-footer__brand p { margin: 0; color: rgba(255, 255, 255, 0.66); }
.ca-footer__head {
	font-family: "Space Grotesk", system-ui, sans-serif;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #fff;
	margin: 4px 0 18px;
}
.ca-footer__col ul { list-style: none; margin: 0; padding: 0; }
.ca-footer__col li { margin-bottom: 12px; }
.ca-footer__col a { color: rgba(255, 255, 255, 0.72); text-decoration: none; }
.ca-footer__col a:hover { color: var(--ca-mint); text-decoration: underline; }
.ca-footer__disclaimer {
	background: rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-block: 24px;
	font-size: 0.86rem;
	color: rgba(255, 255, 255, 0.6);
}
.ca-footer__disclaimer p { margin: 0; max-width: 78em; }
.ca-footer__bar { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-block: 20px; font-size: 0.86rem; }
.ca-footer__bar-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; }
.ca-footer__bar p { margin: 0; color: rgba(255, 255, 255, 0.6); }
.ca-footer__bar nav { display: flex; gap: 22px; }
.ca-footer__bar a { color: rgba(255, 255, 255, 0.72); text-decoration: none; }
.ca-footer__bar a:hover { color: var(--ca-mint); }
@media (max-width: 980px) { .ca-footer__grid { grid-template-columns: 1fr 1fr; } .ca-footer__brand { grid-column: 1 / -1; max-width: 46em; } }
@media (max-width: 560px) { .ca-footer__grid { grid-template-columns: 1fr; gap: 32px; } }