/*
Theme Name: Emora Child
Template: blocksy
Description: Presentation layer for emora.gr, templates and styles only. Business logic lives in the emora-core plugin.
Version: 0.2.0
Text Domain: emora
*/

/* ---------------------------------------------------------------------------
   Fonts, self-hosted, not Google Fonts' CDN, so no visitor IP leaves the
   site (Step 8 is GDPR compliance; no point building something it has to
   undo). Subsetted to Greek + Latin only, since that's every character this
   site ever renders.

   Bitter (slab serif, display): chosen because slab serifs read as stamped,
   branded, wood-type, not as an elegant editorial serif. That distinction
   is the whole point: it's what keeps "cream background + serif + warm
   accent" from being the generic AI-design default instead of a choice
   grounded in what emora actually does, burn a mark into wood.
   --------------------------------------------------------------------------- */

@font-face {
	font-family: 'Emora Display';
	src: url('assets/fonts/Bitter-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Emora Body';
	src: url('assets/fonts/WorkSans-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Emora Body';
	src: url('assets/fonts/WorkSans-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* ---------------------------------------------------------------------------
   Design tokens
   --------------------------------------------------------------------------- */

:root {
	/* Color, named for the material, not the role */
	--emora-bone: #f3ede3;      /* background, paper/canvas, warm not stark */
	--emora-linen: #fbf8f3;     /* card surfaces, one step lighter than bone */
	--emora-char: #2b211a;      /* burnt-wood black-brown, primary text/ink */
	--emora-walnut: #6b4a34;    /* mid wood tone, borders, secondary text */
	--emora-walnut-light: #a9826a;
	--emora-ember: #c1552c;     /* the glow of the laser, CTAs, the one accent */
	--emora-ember-dark: #9c4322;
	--emora-brass: #a8823d;     /* muted gold, used sparingly, like a plaque */

	/* Type */
	--emora-font-display: 'Emora Display', Georgia, 'Times New Roman', serif;
	--emora-font-body: 'Emora Body', -apple-system, 'Segoe UI', sans-serif;

	/* Spacing scale */
	--emora-space-xs: 0.5rem;
	--emora-space-sm: 1rem;
	--emora-space-md: 1.75rem;
	--emora-space-lg: 3rem;
	--emora-space-xl: 5rem;

	/* Layout */
	--emora-max-width: 1160px;
	--emora-radius: 6px;
}

/* ---------------------------------------------------------------------------
   Base typography, applied broadly so the redesign reads as one system,
   not a decorated hero sitting on top of theme defaults.
   --------------------------------------------------------------------------- */

body {
	font-family: var(--emora-font-body);
	color: var(--emora-char);
	background-color: var(--emora-bone);
}

h1, h2, h3, h4,
.emora-font-display {
	font-family: var(--emora-font-display);
	font-weight: 700;
	color: var(--emora-char);
	letter-spacing: -0.01em;
}

a {
	color: var(--emora-ember);
}