/*
Theme Name: LLB Child
Theme URI: https://llbstudentadda.com
Description: Hello Elementor child theme for LLB Student Adda. Carries the locked crimson/gold brand system and hand-coded chrome (header/footer) driven by the llb-core plugin settings. Per D-02/D-04, structural chrome is hand-coded here (Elementor Free has no Theme Builder) while all logic lives in llb-core.
Author: LLB Student Adda
Template: hello-elementor
Version: 0.1.0
Text Domain: llb-child
*/

/* =============================================================================
   Locked Design Tokens (verbatim from .planning/.../01-UI-SPEC.md "Locked
   Design Tokens" / prototype :root). NO BLUE anywhere (FND-02).
   ============================================================================= */
:root {
	--background: #FDF8F2;          /* warm off-white page bg */
	--foreground: #1A1A1A;          /* body text */
	--primary: #B5261E;             /* crimson — header/footer/buttons/tags */
	--primary-hover: #8B1F18;
	--primary-foreground: #FFFFFF;
	--secondary: #F5C518;           /* gold — CTAs/headings accents/highlights */
	--secondary-hover: #D4A500;
	--secondary-foreground: #1A1A1A;
	--card: #FFFFFF;
	--card-foreground: #1A1A1A;
	--border: #E3D9CC;
	--input: #E3D9CC;
	--ring: #B5261E;                /* focus ring = crimson, never blue */
	--radius: 0.5rem;               /* buttons calc(radius-2px)=6px; cards 12px */
}

/* =============================================================================
   Base typography + page surface
   ============================================================================= */
body {
	background: var(--background);
	color: var(--foreground);
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	overflow-x: clip;
}

h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
	color: var(--foreground);
}

.font-serif {
	font-family: "Merriweather", Georgia, serif;
}

/* =============================================================================
   No-blue guard: override default link + focus colors to brand crimson/gold.
   This neutralizes browser/Hello/Elementor default blue (FND-02 / Pitfall 6).
   ============================================================================= */
a {
	color: var(--primary);
	text-decoration: none;
}
a:hover,
a:focus {
	color: var(--primary-hover);
}

:focus-visible {
	outline: 2px solid var(--secondary); /* gold focus ring — not blue */
	outline-offset: 2px;
}

::selection {
	background: var(--secondary);
	color: var(--secondary-foreground);
}