/*
Theme Name:        The Edge Wellness
Theme URI:         https://www.theedgewellness.com/
Description:       Kadence child theme for The Edge Wellness — a specialised residential mental wellness programme for young men in Crete, Greece. Built on The Edge brand design system.
Author:            The Edge Wellness
Author URI:        https://www.theedgewellness.com/
Template:          kadence
Version:           1.0.0
Requires at least: 6.4
Tested up to:      6.7
Requires PHP:      8.0
License:           GNU General Public License v2 or later
License URI:       http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       theedgewellness
Tags:              kadence-child, wellness, custom-design-system

This child theme inherits Kadence parent theme and applies The Edge brand
design system. Foundation file — all enqueueing handled in functions.php.
*/

:root {
	/* ---- Primary brand ---- */
	--brand-orange:      #F37420;
	--brand-orange-deep: #D85F12;  /* hover */
	--brand-orange-soft: #FBE7D7;  /* tint */

	/* ---- Structural ---- */
	--brand-ink:         #0A0A0A;  /* default text / "near-black" per master */
	--brand-ink-mute:    #4A4A4A;  /* secondary text */
	--brand-ink-light:   #767676;  /* tertiary text / labels */
	--brand-black:       #0A0A0A;  /* alias of ink */
	--brand-black-pure:  #000000;  /* only when pure required */

	/* ---- Surfaces ---- */
	--brand-white:       #FFFFFF;
	--brand-cream:       #F5F1ED;  /* "rest" sections */
	--brand-cream-line:  #E8E1D7;  /* dividers on cream */
	--brand-beige:       #F5F1ED;  /* alias of cream */

	/* ---- Lines ---- */
	--brand-line:        rgba(10, 10, 10, 0.14);
	--brand-line-strong: rgba(10, 10, 10, 0.32);

	/* ---- Optional accent ---- */
	--brand-green:       #00A499;
	--brand-navy:        #224258;  /* legacy — master uses ink not navy */

	/* ---- Layout tokens ---- */
	--brand-maxw:        1280px;
	--brand-gutter:      24px;
	--brand-section-y:   clamp(64px, 9vw, 128px);

	/* ---- Type ---- */
	--brand-ff:          'Archivo', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
}

@media (max-width: 720px) {
	:root { --brand-gutter: 16px; }
}


.txt-white {
	color: var(--brand-white);
}

.txt-black {
	color: var(--brand-black) !important;
}

.txt-blue {
	color: var(--brand-blue);
}

.txt-orange {
	color: var(--brand-orange);
}

.bg-white {
	background-color: var(--brand-white);
}

.bg-black {
	background-color: var(--brand-black);
}

.bg-orange {
	background-color: var(--brand-orange);
}

.bg-lace {
	background-color: var(--brand-brown);
}