/**
 * EWTN Brand Style Reference
 *
 * Central source of truth for EWTN brand colors, typography, and tokens.
 * Mirror these values when authoring CSS in any plugin or theme inside
 * this workspace so styling stays consistent.
 *
 * Author:  Casper Molhoek
 * Company: Polaris IT
 */

:root {
	/* Brand colors */
	--ewtn-primary: #ea002a;          /* EWTN red - primary actions, focus, accents */
	--ewtn-primary-soft: rgba(234, 0, 42, 0.12); /* focus ring / tint */
	--ewtn-primary-shadow: rgba(234, 0, 42, 0.14); /* hover shadow tint */
	--ewtn-accent: #2b7bb9;           /* Blue accent - secondary links, alt borders */

	/* Neutrals */
	--ewtn-text: #262626;             /* default body / heading text */
	--ewtn-muted: #5c5c5c;            /* secondary / disclaimer text */
	--ewtn-surface: #ffffff;          /* cards, inputs, overlays */
	--ewtn-bg: #f7f7f7;               /* page background */
	--ewtn-border: #e4e4e4;           /* hairlines, dividers */
	--ewtn-border-soft: #ededed;      /* subtle card borders */

	/* Radii */
	--ewtn-radius-sm: 6px;
	--ewtn-radius-md: 8px;
	--ewtn-radius-lg: 12px;
	--ewtn-radius-pill: 999px;

	/* Elevation */
	--ewtn-shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.06);
	--ewtn-shadow-md: 0 10px 24px rgba(0, 0, 0, 0.10);
	--ewtn-shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.15);

	/* Motion */
	--ewtn-transition-fast: 0.15s ease;
	--ewtn-transition: 0.2s ease;

	/* Typography */
	--ewtn-font-family: inherit;      /* inherit theme font by default */
	--ewtn-font-size-sm: 0.85rem;
	--ewtn-font-size-base: 1rem;
	--ewtn-font-size-lg: 1.125rem;
	--ewtn-line-height: 1.5;

	/* Spacing scale */
	--ewtn-space-xs: 0.25rem;
	--ewtn-space-sm: 0.5rem;
	--ewtn-space-md: 1rem;
	--ewtn-space-lg: 1.5rem;
	--ewtn-space-xl: 2rem;

	/* Layout */
	--ewtn-content-max: 1200px;
	--ewtn-breakpoint-mobile: 640px;
	--ewtn-breakpoint-tablet: 901px;
}