/**
 * Hemdox Kit — AL FAKHER DUBAI global design tokens.
 *
 * SINGLE SOURCE OF TRUTH for brand colour, shadow, radius and focus.
 * Every other hemdox-*.css file resolves its local variables to these tokens
 * (e.g. hemdox-header.css: --hdr-accent: var(--afd-gold)). To rebrand the whole
 * store, edit ONLY this file. Mirror these hexes in Elementor → Site Settings →
 * Global Colors so Elementor-built and plugin-rendered widgets agree.
 *
 * Palette source: AL FAKHER DUBAI redesign spec §8.1 (black / gold / warm-white).
 *
 * @package HemdoxEcommerceKit
 * @since 1.5.0
 */

:root {
	/* ---- Primary: black + gold ---- */
	--afd-black:      #11100E; /* header, footer, premium dark sections */
	--afd-rich-black: #1A1815; /* secondary dark backgrounds */
	--afd-gold:       #C9973E; /* main buttons, links, highlights */
	--afd-gold-light: #E2BB6B; /* hover / decorative detail */
	--afd-gold-deep:  #8B6225; /* borders, active states */

	/* ---- Neutral ---- */
	--afd-warm-white: #FCFAF6; /* main page background */
	--afd-cream:      #F4EFE5; /* alternate section background */
	--afd-surface:    #FFFFFF; /* product & content cards */
	--afd-text:       #28251F; /* main body text */
	--afd-muted:      #6F6A61; /* secondary text */
	--afd-border:     #E6DED1; /* card & input borders */

	/* Muted text that sits on a dark (black) surface — footer, dark sections. */
	--afd-on-dark:        #F3EEE4;
	--afd-on-dark-muted:  #B7AE9F;
	--afd-on-dark-border: rgba(255, 255, 255, .12);

	/* ---- Status ---- */
	--afd-success: #267A4B; /* in stock / success notices */
	--afd-warning: #A66B18; /* low stock / notice states */
	--afd-error:   #B83B35; /* errors / validation / required marks */
	--afd-info:    #2D668F; /* information notices */

	/* ---- Elevation ---- */
	--afd-shadow-card:  0 8px 28px rgba(20, 17, 12, .08);
	--afd-shadow-hover: 0 14px 40px rgba(20, 17, 12, .13);

	/* ---- Radius (spec §8.7) ---- */
	--afd-radius-sm:   6px;  /* small controls */
	--afd-radius-btn:  8px;  /* buttons */
	--afd-radius-card: 10px; /* product cards */
	--afd-radius-lg:   14px; /* large cards */

	/* ---- Focus ring (spec §36.2) ---- */
	--afd-focus: 3px solid var(--afd-gold-light);

	/* ---- Gold gradient (replaces old TEREA "flame") ---- */
	--afd-gradient-gold: linear-gradient(120deg, var(--afd-gold-deep) 0%, var(--afd-gold) 100%);
}