/*
Theme Name: Eyfel Parfum
Theme URI: https://eyfelparfum.ge/
Author: Khoen Labs
Author URI: https://example.com
Description: Eyfel Parfum — custom fragrance catalogue, manager panel and direct-order system for WordPress, in the Eyfel yellow/black identity. Modular, dependency-free, no WooCommerce required.
Version: 2.3.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eyfel-parfum
Tags: custom-theme, e-commerce, accessibility-ready, translation-ready
*/

/*
 * This file intentionally contains ONLY the theme header and the design tokens.
 * All component CSS lives in assets/css/*.css and is enqueued from inc/setup.php.
 *
 * Palette taken from the brand's own artwork: the EYFEL wordmark is solid
 * black on signal yellow #FED104, and the shop counters are black frames over
 * a glowing yellow light box. Black carries the text, yellow carries the
 * brand; yellow is never used for text on a light surface (1.5:1) — the
 * readable yellow-family tone for that is --eyfel-yellow-ink (6.4:1 on white).
 *
 * The component stylesheets refer to the accent tokens by their historical
 * names (champagne, amber); here those names simply point at Eyfel's colours,
 * so the component rules never need to change when the palette does.
 */

:root {
	/* ---- Eyfel brand ---- */
	--eyfel-yellow: #fed104;       /* logo background */
	--eyfel-yellow-deep: #f2b705;  /* counter light box; hover on yellow */
	--eyfel-yellow-soft: #fff4c2;  /* tinted notices */
	--eyfel-yellow-ink: #7a5a00;   /* yellow-family text on white / ivory */

	/* ---- Brand ink & surfaces ---- */
	--eyfel-ink: #0b0b0b;
	--eyfel-charcoal: #1c1c1c;
	--eyfel-graphite: #343434;
	--eyfel-ivory: #f6f5f1;
	--eyfel-paper: #ffffff;
	--eyfel-line: #e2e0d9;
	--eyfel-line-soft: #eeede8;

	/* ---- Accents (historical names, Eyfel values) ---- */
	--eyfel-champagne: var(--eyfel-yellow);
	--eyfel-champagne-dark: var(--eyfel-yellow-ink);
	--eyfel-amber: var(--eyfel-yellow-ink);
	--eyfel-amber-soft: var(--eyfel-yellow-soft);

	/* ---- Text ---- */
	--eyfel-text: #121212;
	--eyfel-muted: #666460;
	--eyfel-faint: #9b9994;
	--eyfel-on-dark: #f6f5f1;
	--eyfel-on-dark-muted: rgba(246, 245, 241, 0.72);

	/* ---- Status ---- */
	--eyfel-success: #1f6b45;
	--eyfel-success-soft: #e3f0e8;
	--eyfel-danger: #b3261e;
	--eyfel-danger-soft: #f9e6e4;
	--eyfel-warning: #7a5a00;
	--eyfel-warning-soft: #fff4c2;
	--eyfel-info: #2b5673;

	/* ---- Typography ----
	 * The wordmark is a heavy grotesque, so headings are set in the same sans
	 * family at a heavier weight instead of a serif. --eyfel-font-serif is the
	 * historical "heading face" token; it points at the display stack here. */
	--eyfel-font-sans: "Noto Sans Georgian", "Helvetica Neue", Arial, sans-serif;
	--eyfel-font-display: "Noto Sans Georgian", "Helvetica Neue", Arial, sans-serif;
	--eyfel-font-serif: var(--eyfel-font-display);

	--eyfel-fs-xs: 0.75rem;
	--eyfel-fs-sm: 0.8125rem;
	--eyfel-fs-base: 0.9375rem;
	--eyfel-fs-md: 1.0625rem;
	--eyfel-fs-lg: 1.25rem;
	--eyfel-fs-xl: 1.625rem;
	--eyfel-fs-2xl: 2.125rem;
	--eyfel-fs-3xl: 2.75rem;

	/* ---- Spacing scale ---- */
	--eyfel-s1: 4px;
	--eyfel-s2: 8px;
	--eyfel-s3: 12px;
	--eyfel-s4: 16px;
	--eyfel-s5: 24px;
	--eyfel-s6: 32px;
	--eyfel-s7: 48px;
	--eyfel-s8: 64px;
	--eyfel-s9: 96px;

	/* ---- Geometry ---- */
	--eyfel-radius-sm: 2px;
	--eyfel-radius: 4px;
	--eyfel-radius-lg: 8px;
	--eyfel-container: 1280px;
	--eyfel-container-narrow: 860px;

	/* ---- Elevation ---- */
	--eyfel-shadow-sm: 0 1px 2px rgba(11, 11, 11, 0.06);
	--eyfel-shadow: 0 2px 12px rgba(11, 11, 11, 0.08);
	--eyfel-shadow-lg: 0 18px 48px rgba(11, 11, 11, 0.16);

	/* ---- Motion ---- */
	--eyfel-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--eyfel-dur-fast: 140ms;
	--eyfel-dur: 240ms;
	--eyfel-dur-slow: 420ms;

	/* ---- Layering ---- */
	--eyfel-z-header: 100;
	--eyfel-z-drawer: 900;
	--eyfel-z-modal: 1000;
	--eyfel-z-lightbox: 1100;
	--eyfel-z-toast: 1200;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--eyfel-dur-fast: 0ms;
		--eyfel-dur: 0ms;
		--eyfel-dur-slow: 0ms;
	}
}