/*
Theme Name: Amin Abed Child
Description: Custom child theme for the Amin Abed website redesign.
Author: Amin Abed Website Team
Template: hello-elementor
Version: 1.0.0
Text Domain: amin-abed-child
*/

/*
 * Amin Abed global custom styles.
 * Reusable custom classes must use the aa- namespace.
 */

/* =========================================================
   Amin Abed Design Tokens
   ========================================================= */

:root {
	/* Colors */
	--aa-color-bg: #FAF8F2;
	--aa-color-surface: #FFFFFF;
	--aa-color-text: #151515;
	--aa-color-muted: #6E685F;
	--aa-color-border: #E5DED0;
	--aa-color-accent: #FFC60C;
	--aa-color-accent-soft: #F4EFE4;
	--aa-color-on-accent: #FBFAF8;

	/* Layout */
	--aa-content-width: 1080px;
	--aa-page-gutter: 28px;

	/* Radius */
	--aa-radius-sm: 2px;

	/* Shadows */
	--aa-shadow-accent:
		0 6px 16px rgba(255, 198, 12, 0.14);
}

/* =========================================================
   Amin Abed — Motion Tokens
   ========================================================= */

:root {
	--aa-motion-reveal-offset-y: 18px;
}

/* =========================================================
   Amin Abed — Dark Design Tokens
   ========================================================= */

:root {
	--aa-bg-base: #0E0F11;
	--aa-bg-surface: #171719;
	--aa-bg-accent-soft: #17150F;

	--aa-text-primary: #F7F2E7;
	--aa-text-secondary: #B9B2A5;

	--aa-border: #3B382F;

	--aa-accent: #FFC60C;
	--aa-white-warm: #FBFAF8;

	--aa-section-green: #0E4B41;
	--aa-section-warm: #1A160D;

	--aa-shadow-gold: 0 6px 16px rgba(255, 198, 12, 0.14);

	--aa-radius-sm: 2px;

	--aa-motion-reveal-offset-y: 18px;
}