/*
Theme Name: Bliss Parfume
Theme URI: https://example.com/bliss-parfume
Author: Khoen Labs
Author URI: https://example.com
Description: Bliss Parfume — custom premium fragrance catalogue, manager panel and direct-order system for WordPress. Modular, dependency-free, no WooCommerce required.
Version: 1.1.1
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: bliss-parfume
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.
 *
 * Token values are placeholders derived from publicly observable Bliss Parfume
 * store photography (black / white / warm amber). They MUST be reconciled with
 * the official logo and brand guide before launch — see README.md §Owner confirmation.
 */

:root {
	/* ---- Brand ink & surfaces ---- */
	--bliss-ink: #0b0b0d;
	--bliss-charcoal: #1b1b1f;
	--bliss-graphite: #33333a;
	--bliss-ivory: #f7f4ef;
	--bliss-paper: #fffdf9;
	--bliss-line: #ded8cf;
	--bliss-line-soft: #ece7df;

	/* ---- Accents ---- */
	--bliss-champagne: #c7a86b;
	--bliss-champagne-dark: #a98a4d;
	--bliss-amber: #b87732;
	--bliss-amber-soft: #f0e2d0;

	/* ---- Text ---- */
	--bliss-text: #17171a;
	--bliss-muted: #746f68;
	--bliss-faint: #9a938a;
	--bliss-on-dark: #f7f4ef;

	/* ---- Status ---- */
	--bliss-success: #256b4b;
	--bliss-success-soft: #e4f0ea;
	--bliss-danger: #a63838;
	--bliss-danger-soft: #f7e7e7;
	--bliss-warning: #8a6212;
	--bliss-warning-soft: #f7eed8;
	--bliss-info: #2b5673;

	/* ---- Typography ---- */
	--bliss-font-sans: "Noto Sans Georgian", "Helvetica Neue", Arial, sans-serif;
	--bliss-font-serif: "Noto Serif Georgian", Georgia, "Times New Roman", serif;

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

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

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

	/* ---- Elevation (restrained; premium minimalism) ---- */
	--bliss-shadow-sm: 0 1px 2px rgba(11, 11, 13, 0.05);
	--bliss-shadow: 0 2px 12px rgba(11, 11, 13, 0.07);
	--bliss-shadow-lg: 0 18px 48px rgba(11, 11, 13, 0.14);

	/* ---- Motion (liquid-in-glass feel) ---- */
	--bliss-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--bliss-dur-fast: 140ms;
	--bliss-dur: 240ms;
	--bliss-dur-slow: 420ms;

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

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