/*
Theme Name:   ErgVoxi (Astra Child)
Template:     astra
Description:  ErgVoxi brand/design-system layer on top of Astra. Site-wide
              color, typography and dark-section tokens live here as the
              single source of truth; assets/css/redesign.css consumes them.
Version:      1.0.0
Text Domain:  ergvoxi-child
*/

/* ==========================================================================
   Design tokens — canonical source for the whole site (header/footer/nav
   included, not just marketing pages). vertical-ai-patterns' own
   design-system.css declares the same *shared* token names with identical
   values so pattern content styles correctly regardless of load order; the
   dark-section and elevation tokens below are new and only defined here.
   ========================================================================== */

:root {
	/* Brand */
	--vai-color-primary: #1b4b91;
	--vai-color-primary-hover: #143a73;
	--vai-color-accent: #0ea5a4;
	--vai-color-accent-hover: #0b8483;

	/* Light-section surface */
	--vai-color-ink: #101828;
	--vai-color-body: #344054;
	--vai-color-muted: #667085;
	--vai-color-border: #e4e7ec;
	--vai-color-surface: #ffffff;
	--vai-color-surface-alt: #f8fafc;

	/* Dark-section surface — matches the generated hero/how-it-works visuals'
	   own navy so image and section background read as one continuous
	   composition instead of a picture dropped onto a white card. */
	--vai-color-dark-bg: #0a1930;
	--vai-color-dark-bg-alt: #0d2140;
	--vai-color-dark-surface: #122544;
	--vai-color-dark-border: rgba( 255, 255, 255, 0.14 );
	--vai-color-dark-text: #f5f7fb;
	--vai-color-dark-muted: #a9b8d1;

	/* Action colors — Live Demo gets its own recognizable treatment
	   (teal, matches the accent used for the AI/voice moments in the
	   generated visuals) distinct from primary navy CTAs. */
	--vai-color-live-demo: #14b8a6;
	--vai-color-live-demo-hover: #0f9c8c;

	--vai-color-success: #12805c;

	/* Elevation + shape */
	--vai-radius: 12px;
	--vai-radius-sm: 8px;
	--vai-radius-lg: 20px;
	--vai-shadow-sm: 0 1px 2px rgba( 16, 24, 40, 0.04 );
	--vai-shadow-md: 0 8px 24px rgba( 16, 24, 40, 0.08 );
	--vai-shadow-lg: 0 24px 60px rgba( 16, 24, 40, 0.22 );

	/* Layout */
	--vai-container: 1440px;
}

/* ==========================================================================
   Base typography — refined scale, applied on top of Astra's defaults.
   ========================================================================== */

body {
	color: var( --vai-color-body );
	-webkit-font-smoothing: antialiased;
}

.ast-site-identity .site-title a {
	font-weight: 700;
	letter-spacing: -0.01em;
}