/**
 * TOKENS — CSS Custom Properties
 * Phase C: Light Mode (Parchment & Warmth) + Dark Mode (Espresso & Spotlight)
 */

/* ===========================================================================
   LIGHT MODE — Parchment & Warmth (forced default)
   =========================================================================== */

:root {
	/* --- Brand Palette --- */
	--luxury-gold: #c5a35a;           /* decorative / borders / icons only — fails AA as text */
	--luxury-gold-dark: #8a6c2d;      /* text-safe gold: 4.46:1 on parchment (AA large), 4.93:1 on white (AA) */
	--luxury-gold-light: #d4b76a;
	--luxury-gold-extra-light: rgba(197, 163, 90, 0.1);
	--luxury-black: #1a1a1a;
	--luxury-white: #ffffff;

	/* --- Light Mode Surface Palette (Parchment & Warmth) --- */
	--color-ink: #2b211b;             /* rich dark brown — 14.23:1 on parchment, replaces #121212 */
	--color-charcoal-brown: #2b211b;
	--color-olive-gold: #8b7a53;
	--color-text-primary: #2b211b;    /* charcoal brown — primary body text on parchment */
	--color-text-secondary: #5c4a3a;  /* warm mid-brown — secondary text */
	--color-text-muted: #76685a;      /* muted warm tone (AA on light surfaces) */
	--color-text-inverse: #fdfcfb;    /* soft cream — text on dark surfaces */
	--color-border-soft: #e8e0d5;     /* warm border */
	--color-border-subtle: #f0ebe4;   /* very subtle warm border */
	--color-surface-page: #fdfcfb;    /* near-white parchment — page background */
	--color-surface-section: #f7f3ee; /* parchment — section backgrounds */
	--color-surface-subtle: #faf8f5;  /* lightest parchment tint */
	--color-surface-card: #ffffff;    /* cards stay white for contrast */
	--color-link: var(--luxury-gold-dark);   /* 4.93:1 on white — passes AA */
	--color-link-hover: var(--color-ink);

	/* --- Bootstrap Variable Overrides (Light Mode) --- */
	--bs-primary: var(--luxury-gold);
	--bs-primary-rgb: 197, 163, 90;
	--bs-secondary: var(--luxury-black);
	--bs-secondary-rgb: 26, 26, 26;
	--bs-body-font-family: "Inter", system-ui, -apple-system, sans-serif;
	--bs-body-bg: var(--color-surface-page);
	--bs-body-color: var(--color-text-primary);
	--bs-link-color: var(--color-link);
	--bs-link-hover-color: var(--color-link-hover);
	--bs-secondary-color: var(--color-text-muted);
	--bs-secondary-color-rgb: 118, 104, 90;
	--bs-border-color: var(--color-border-soft);
	--bs-border-color-translucent: rgba(43, 33, 27, 0.1);

	/* Override Bootstrap success green for luxury warmth */
	--bs-success: #2d6a4f;
	--bs-success-rgb: 45, 106, 79;

	/* Bootstrap 5.3 subtle/emphasis tokens */
	--bs-primary-text-emphasis: var(--luxury-gold-dark);
	--bs-primary-bg-subtle: rgba(197, 163, 90, 0.1);
	--bs-primary-border-subtle: rgba(197, 163, 90, 0.2);
	--bs-secondary-text-emphasis: #ffffff;
	--bs-secondary-bg-subtle: rgba(26, 26, 26, 0.05);
	--bs-secondary-border-subtle: rgba(26, 26, 26, 0.1);
	--bs-success-text-emphasis: #ffffff;
	--bs-success-bg-subtle: rgba(45, 106, 79, 0.1);
	--bs-success-border-subtle: rgba(45, 106, 79, 0.2);

	/* --- Typography: Font Families --- */
	--font-display: "Playfair Display", Georgia, serif;
	--font-brand: "Playfair Display", serif;              /* Nafees Nastaleeq removed — not loaded */

	/* --- Typography: Type Scale (Major Third 1.25) --- */
	--text-xs:   0.75rem;   /* 12px — badges, labels, captions */
	--text-sm:   0.875rem;  /* 14px — meta text, footer links */
	--text-base: 1rem;      /* 16px — body text, buttons */
	--text-md:   1.125rem;  /* 18px — lead text, footer headings */
	--text-lg:   1.25rem;   /* 20px — subheadings, navbar brand */
	--text-xl:   1.5rem;    /* 24px — section titles, modal titles */
	--text-2xl:  1.875rem;  /* 30px — page titles */
	--text-3xl:  2.25rem;   /* 36px — compact hero */
	--text-4xl:  clamp(2.5rem, 4vw, 3.5rem);  /* hero primary */
	--text-5xl:  clamp(3rem, 6vw, 5rem);      /* hero display */

	/* --- Typography: Weight Scale --- */
	--weight-regular: 400;
	--weight-medium:  500;
	--weight-semi:    600;
	--weight-bold:    700;

	/* --- Typography: Letter-Spacing Scale (em — scales with font-size) --- */
	--tracking-tight:    -0.02em;   /* display headings — "Luxury Breath" */
	--tracking-normal:   0;
	--tracking-wide:     0.02em;    /* labels, nav links */
	--tracking-wider:    0.04em;    /* small caps, badges */
	--tracking-widest:   0.08em;    /* uppercase labels */

	/* --- Typography: Line-Height Scale --- */
	--leading-none:   1;
	--leading-tight:  1.1;
	--leading-snug:   1.25;
	--leading-normal: 1.5;
	--leading-relaxed: 1.6;
	--leading-loose:  1.8;

	/* --- Effects & Shadows --- */
	--gradient-gold: linear-gradient(
		135deg,
		var(--luxury-gold) 0%,
		var(--luxury-gold-dark) 100%
	);
	--gradient-premium-dark: linear-gradient(
		135deg,
		#1a1209 0%,
		var(--color-charcoal-brown) 100%
	);
	--shadow-luxury: 0 4px 20px rgba(197, 163, 90, 0.15);
	--shadow-card-hover: 0 6px 20px rgba(43, 33, 27, 0.12);
	--shadow-sm: 0 1px 3px rgba(43, 33, 27, 0.08);
	--shadow-md: 0 8px 24px rgba(43, 33, 27, 0.08);
	--shadow-premium: 0 14px 36px rgba(43, 33, 27, 0.16);
	--focus-ring-shadow: 0 0 0 3px rgba(197, 163, 90, 0.25);

	/* --- Spacing & Radii --- */

	--radius-xs: 0.25rem;

	--radius-sm: 0.5rem;

	--radius-md: 0.75rem;

	--radius-lg: 1rem;

	--radius-full: 9999px;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;
	--transition-fast: 150ms ease;
	--transition-base: 250ms ease;

		/* --- Z-Index Scale --- */
		--z-below: -1;           /* behind content (progress lines) */
		--z-base: 0;             /* default layer */
		--z-raised: 1;           /* slightly above siblings */
		--z-local: 5;            /* local stacking context */
		--z-sticky: 100;         /* sticky sidebars, order summaries */
		--z-navbar: 1030;        /* Bootstrap navbar sticky */
		--z-modal-backdrop: 1040;/* Bootstrap modal backdrop */
		--z-search: 1060;        /* search overlay */
		--z-toast: 2000;         /* notifications, toasts */

	/* --- Semantic Colors --- */
	--luxury-success: #0d6955;
	--luxury-success-light: rgba(13, 105, 85, 0.1);
	--luxury-danger: #9b2c2c;
}

/* ===========================================================================
   DARK MODE — Deferred (light mode stabilization first)
   Dark mode tokens removed intentionally. Re-introduce when light mode is
   fully stable and a toggle UI is ready to ship.
   Light mode is enforced via data-bs-theme="light" in front.html.twig.
   =========================================================================== */