/**
 * =====================================================================
 * TOLIN PURE BEAUTY — DESIGN TOKENS
 * Creative Direction: Rose · Warm Ivory · Sage · Champagne micro-luxury
 * =====================================================================
 *
 * Primary: ROSE (dominant brand)
 * Secondary surface: Warm Ivory / Pearl
 * Accent: Warm Sage #5D7360 — quiet, never section fills or loud CTAs
 * Luxury accent: Champagne #C9B58B — tiny lines, labels, premium details only
 * Never: gold backgrounds · green section fills · military green · muddy beige
 */

:root {
	/* ---------- Brand Rose Spectrum (PRIMARY ~70%) ---------- */
	--tolin-rose: #A85F72;
	--tolin-rose-deep: #874A5D;
	--tolin-berry: #7B3F59;
	--tolin-rose-vibrant: #D86F8E;
	--tolin-blush: #F7DCE4;
	--tolin-coral: #F28C9F;
	--tolin-peach: #F7B7A3;
	--tolin-peach-cream: #FFE1D6;
	--tolin-lavender: #C8B6E8;
	--tolin-lilac: #E7DDF6;
	--tolin-aqua: #B9DFDA;

	/* ---------- Warm Sage Accent (SECONDARY ~10%) ---------- */
	--tolin-sage-accent: #5D7360;
	--tolin-sage-mid: #667B68;
	--tolin-sage-lift: #70856F;
	--tolin-sage-light: #7A8D74;
	--tolin-sage: #AFC8B2;
	--tolin-sage-soft: #E8EEE9;
	--tolin-sage-mist: #F2F5F2;
	--tolin-sage-deep: #5D7360;
	--tolin-sage-glow: rgba(93, 115, 96, 0.12);
	--tolin-sage-glow-strong: rgba(93, 115, 96, 0.2);

	/* Legacy forest aliases → warm sage (do not use dark forest) */
	--tolin-forest: var(--tolin-sage-accent);
	--tolin-forest-soft: var(--tolin-sage-mid);
	--tolin-forest-mist: var(--tolin-sage-mist);
	--tolin-forest-glow: var(--tolin-sage-glow);
	--tolin-forest-glow-strong: var(--tolin-sage-glow-strong);

	/* ---------- Warm Ivory / Neutrals (secondary surface) ---------- */
	--tolin-pearl: #FAF8F6;
	--tolin-white: #FFFFFF;
	--tolin-cream: #F4F1EE;
	--tolin-ivory: #F7F3EE;
	--tolin-warm-ivory: #F7F3EE;
	--tolin-warm-white: #FFFDFB;
	--tolin-rose-mist: #FFF0F4;
	--tolin-canvas: #FAF8F6;
	--tolin-surface: #FAF8F6;
	--tolin-surface-elevated: #FFFFFF;

	--tolin-ink: #2B2B2B;
	--tolin-ink-muted: #5F5A5C;

	/* Soft surfaces */
	--tolin-rose-soft: #F7DCE4;
	--tolin-blush-deep: #D86F8E;

	/* ---------- Champagne luxury accent (micro details only) ---------- */
	--tolin-champagne: #C9B58B;
	--tolin-champagne-rich: #B8A57A;
	--tolin-champagne-soft: #F3EEE4;
	--tolin-champagne-mist: #F8F4EC;
	--tolin-champagne-glow: rgba(201, 181, 139, 0.22);

	/* Glows (rgba) */
	--tolin-rose-glow: rgba(216, 111, 142, 0.35);
	--tolin-coral-glow: rgba(242, 140, 159, 0.35);
	--tolin-peach-glow: rgba(247, 183, 163, 0.4);
	--tolin-lilac-glow: rgba(200, 182, 232, 0.4);
	--tolin-sage-petal-glow: rgba(175, 200, 178, 0.28);

	/* ---------- Legacy aliases (never muddy brown / gold fills) ---------- */
	--tolin-mocha: #7B3F59;
	--tolin-mocha-soft: #874A5D;
	--tolin-ivory-deep: #F4F1EE;
	--tolin-beige: #F7DCE4;
	--tolin-sand: #FFE1D6;
	--tolin-gold: #D86F8E;
	--tolin-gold-soft: #F28C9F;
	--tolin-glow-gold: #F7B7A3;
	--tolin-rose-glow-color: #D86F8E;
	--tolin-bronze: #F28C9F;
	--tolin-terracotta: #F7B7A3;
	--tolin-gold-glow: rgba(216, 111, 142, 0.35);

	--tolin-danger: #C45C6A;
	--tolin-danger-soft: #FDECEE;
	--tolin-whatsapp: #2F9E5B;

	--tolin-line: #EDE6E8;
	--tolin-line-strong: #E4CFD8;

	/* Aliases */
	--tolin-primary: var(--tolin-rose);
	--tolin-primary-dark: var(--tolin-rose-deep);
	--tolin-primary-light: var(--tolin-rose-vibrant);
	--tolin-primary-soft: var(--tolin-blush);
	--tolin-secondary: var(--tolin-sage-accent);
	--tolin-secondary-soft: var(--tolin-sage-mid);
	--tolin-bg: var(--tolin-pearl);
	--tolin-bg-soft: var(--tolin-rose-mist);
	--tolin-bg-alt: var(--tolin-cream);
	--tolin-text: var(--tolin-ink);
	--tolin-muted: var(--tolin-ink-muted);
	--tolin-border: var(--tolin-line);
	--tolin-success: var(--tolin-sage-accent);
	--tolin-warning: var(--tolin-coral);

	/* ---------- Typography ---------- */
	--tolin-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--tolin-font-sans: 'Inter', 'Heebo', 'Cairo', system-ui, sans-serif;

	--tolin-text-xs: 0.75rem;
	--tolin-text-sm: 0.875rem;
	--tolin-text-md: 1.0625rem;
	--tolin-text-lg: 1.25rem;
	--tolin-text-xl: 1.5rem;
	--tolin-text-2xl: clamp(1.75rem, 1.2rem + 1.4vw, 2.25rem);
	--tolin-text-3xl: clamp(2.35rem, 1.4rem + 2.8vw, 3.5rem);
	--tolin-text-4xl: clamp(3.25rem, 1.8rem + 4.2vw, 5.5rem);
	--tolin-text-display: clamp(3.5rem, 2rem + 6vw, 7rem);
	--tolin-text-editorial: clamp(2.75rem, 1.6rem + 3.5vw, 4.75rem);

	--tolin-leading-tight: 1.05;
	--tolin-leading-snug: 1.28;
	--tolin-leading-body: 1.75;
	--tolin-tracking-display: -0.035em;
	--tolin-tracking-kicker: 0.22em;

	/* ---------- Spacing ---------- */
	--space-1: 8px;
	--space-2: 16px;
	--space-3: 24px;
	--space-4: 32px;
	--space-5: 40px;
	--space-6: 48px;
	--space-7: 64px;
	--space-8: 80px;
	--space-9: 96px;
	--space-10: 128px;
	--space-section: clamp(120px, 12vw, 160px);
	--space-section-tight: 80px;
	--space-section-compact: 64px;
	--measure-body: 38ch;
	--measure-lede: 42ch;
	--measure-title: 16ch;
	--ratio-media: 0.42;
	--ratio-content: 0.58;

	/* ---------- Radius ---------- */
	--tolin-radius-sm: 12px;
	--tolin-radius-md: 18px;
	--tolin-radius-lg: 20px;
	--tolin-radius-xl: 24px;
	--tolin-radius-2xl: 32px;
	--tolin-radius-pill: 999px;

	/* ---------- Elevation (soft rose-tinted) ---------- */
	--tolin-shadow-xs: 0 1px 2px rgba(45, 40, 48, 0.04);
	--tolin-shadow-sm:
		0 2px 8px rgba(45, 40, 48, 0.04),
		0 1px 2px rgba(168, 95, 114, 0.04);
	--tolin-shadow-md:
		0 12px 32px rgba(45, 40, 48, 0.06),
		0 4px 12px rgba(168, 95, 114, 0.06);
	--tolin-shadow-lg:
		0 24px 56px rgba(45, 40, 48, 0.08),
		0 8px 20px rgba(216, 111, 142, 0.1);
	--tolin-shadow-xl:
		0 40px 80px rgba(45, 40, 48, 0.1),
		0 12px 28px rgba(216, 111, 142, 0.12);
	--tolin-shadow-float:
		0 20px 48px rgba(216, 111, 142, 0.16),
		0 4px 14px rgba(45, 40, 48, 0.05);

	/* ---------- Motion ---------- */
	--tolin-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--tolin-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--tolin-duration-fast: 180ms;
	--tolin-duration: 320ms;
	--tolin-duration-slow: 560ms;
	--tolin-transition: 320ms var(--tolin-ease);

	/* ---------- Layout ---------- */
	--tolin-container: 1120px;
	--tolin-container-wide: 1120px;
	--tolin-header-h: 88px;
	--tolin-sidebar-w: 260px;

	/* Legacy aliases */
	--color-primary: var(--tolin-primary);
	--color-primary-dark: var(--tolin-primary-dark);
	--color-primary-light: var(--tolin-primary-light);
	--color-gold: var(--tolin-rose-vibrant);
	--color-bg: var(--tolin-bg);
	--color-bg-alt: var(--tolin-bg-alt);
	--color-white: var(--tolin-surface);
	--color-text: var(--tolin-text);
	--color-text-muted: var(--tolin-muted);
	--color-danger: var(--tolin-danger);
	--color-success: var(--tolin-success);
	--font-serif: var(--tolin-font-serif);
	--font-sans: var(--tolin-font-sans);
	--radius-sm: var(--tolin-radius-sm);
	--radius-md: var(--tolin-radius-md);
	--radius-lg: var(--tolin-radius-lg);
	--radius-pill: var(--tolin-radius-pill);
	--shadow-sm: var(--tolin-shadow-sm);
	--shadow-md: var(--tolin-shadow-md);
	--container: var(--tolin-container);
	--header-h: var(--tolin-header-h);
	--transition: var(--tolin-transition);
}