/* ==========================================================================
   Dil Fashion — Design Tokens
   Default Dark Luxury Mode + Toggleable Light Mode.
   ========================================================================== */

:root,
[data-theme="dark"] {
	color-scheme: dark;
	/* Palette — DEFAULT DARK LUXURY (Dil Fashion Haute Couture) */
	--c-ink: #f7f4ee;
	--c-ink-2: #e3ded6;
	--c-ink-3: #ada69b;
	--c-muted: #857e74;
	--c-muted-2: #5c554c;
	--c-line: #22201e;
	--c-line-strong: #36322d;
	--c-paper: #0c0b0a;
	--c-sand: #131211;
	--c-sand-2: #191816;
	--c-accent: #c3a06a;
	--c-accent-hover: #d8b783;
	--c-accent-soft: rgba(195, 160, 106, 0.14);
	--c-on-accent: #0c0b0a;
	--c-gold: #c3a06a;
	--c-success: #6bb983;
	--c-danger: #e07463;
	--c-info: #6fa6c2;
	--c-overlay: rgba(0, 0, 0, 0.75);
	--c-overlay-strong: rgba(0, 0, 0, 0.90);

	--sh-xs: 0 1px 3px rgba(0, 0, 0, 0.45);
	--sh-sm: 0 4px 14px rgba(0, 0, 0, 0.55);
	--sh-md: 0 10px 30px rgba(0, 0, 0, 0.65);
	--sh-lg: 0 20px 50px rgba(0, 0, 0, 0.75);

	/* Sizing & Typography */
	--f-display: "Playfair Display", "Didot", "Bodoni MT", "Times New Roman", Georgia, serif;
	--f-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--f-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

	--fs-2xs: 0.6875rem;   /* 11px */
	--fs-xs: 0.75rem;      /* 12px */
	--fs-sm: 0.8125rem;    /* 13px */
	--fs-base: 0.875rem;   /* 14px */
	--fs-md: 0.9375rem;    /* 15px */
	--fs-lg: 1.0625rem;    /* 17px */
	--fs-xl: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
	--fs-2xl: clamp(1.4rem, 1.25rem + 1vw, 1.85rem);
	--fs-3xl: clamp(1.75rem, 1.4rem + 1.8vw, 2.5rem);
	--fs-4xl: clamp(2.15rem, 1.5rem + 3vw, 3.5rem);
	--fs-5xl: clamp(2.6rem, 1.6rem + 4.6vw, 4.75rem);

	--lh-tight: 1.12;
	--lh-snug: 1.3;
	--lh-normal: 1.55;
	--lh-loose: 1.7;

	--ls-tight: -0.015em;
	--ls-wide: 0.08em;
	--ls-wider: 0.16em;
	--ls-widest: 0.28em;

	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;

	--sp-1: 0.25rem;
	--sp-2: 0.5rem;
	--sp-3: 0.75rem;
	--sp-4: 1rem;
	--sp-5: 1.5rem;
	--sp-6: 2rem;
	--sp-7: 2.5rem;
	--sp-8: 3rem;
	--sp-9: 4rem;
	--sp-10: 5rem;
	--sp-11: 6.5rem;

	--gutter: clamp(1rem, 3vw, 2.5rem);
	--container: 1440px;
	--container-narrow: 840px;
	--container-wide: 1680px;

	--r-xs: 2px;
	--r-sm: 3px;
	--r-md: 4px;
	--r-lg: 6px;
	--r-pill: 999px;

	--e-out: cubic-bezier(0.22, 0.61, 0.36, 1);
	--e-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--t-fast: 140ms;
	--t-base: 240ms;
	--t-slow: 420ms;

	--z-header: 60;
	--z-sticky: 70;
	--z-drawer: 90;
	--z-modal: 100;
	--z-toast: 110;

	--h-header: 74px;
	--h-header-mobile: 60px;
	--h-announce: 36px;
	--h-input: 44px;
	--w-sidebar: 260px;
}

[data-theme="light"] {
	color-scheme: light;
	/* Palette — LIGHT LUXURY EDITORIAL */
	--c-ink: #111111;
	--c-ink-2: #222222;
	--c-ink-3: #555555;
	--c-muted: #777777;
	--c-muted-2: #999999;
	--c-line: #eaeaea;
	--c-line-strong: #d5d5d5;
	--c-paper: #ffffff;
	--c-sand: #f8f8f8;
	--c-sand-2: #f2f2f2;
	--c-accent: #111111;
	--c-accent-hover: #333333;
	--c-accent-soft: rgba(0, 0, 0, 0.05);
	--c-on-accent: #ffffff;
	--c-gold: #c3a06a;
	--c-success: #2e7d32;
	--c-danger: #d32f2f;
	--c-info: #0288d1;
	--c-overlay: rgba(0, 0, 0, 0.45);
	--c-overlay-strong: rgba(0, 0, 0, 0.70);

	--sh-xs: 0 1px 3px rgba(0, 0, 0, 0.06);
	--sh-sm: 0 4px 12px rgba(0, 0, 0, 0.08);
	--sh-md: 0 10px 28px rgba(0, 0, 0, 0.10);
	--sh-lg: 0 20px 48px rgba(0, 0, 0, 0.14);
}