/**
 * Design tokens — Vogue/Elle editorial direction.
 *
 * @package Psychologies
 */

:root {
	color-scheme: light;

	/* Colors — light */
	--psy-primary: #8B1E2F;
	--psy-primary-light: #B33A4B;
	--psy-cta: #CD1013;
	--psy-accent-gold: #C4A265;
	--psy-background: #FFFFFF;
	--psy-background-blush: #FAF7F5;
	--psy-background-dark: #1C1412;
	--psy-text: #1A1412;
	--psy-text-muted: #6B5E58;
	--psy-border: #E8DDD4;
	--psy-white: #FFFFFF;

	/* Surfaces */
	--psy-surface: #FFFFFF;
	--psy-surface-muted: #F7F4F2;
	--psy-surface-accent: #FDF2F0;
	--psy-surface-accent-soft: #FEF6F4;
	--psy-surface-neutral: #F7F7F7;
	--psy-surface-elevated: #FFFFFF;

	/* Extended text */
	--psy-text-secondary: #4A403C;
	--psy-text-tertiary: #666666;
	--psy-text-quaternary: #888888;
	--psy-text-faint: #9A8F88;

	/* Borders & inputs */
	--psy-divider: #DDD5CC;
	--psy-divider-light: #E8DDD4;
	--psy-card-border: #F0EBE6;
	--psy-card-border-hover: #E8DDD4;
	--psy-input-border: #E8DDD4;
	--psy-input-border-alt: #EFE5DC;
	--psy-input-bg: #FFFFFF;

	/* Interactive states */
	--psy-cta-hover: #A50D10;
	--psy-focus-ring: rgba(205, 16, 19, 0.1);
	--psy-accent-tint: rgba(205, 16, 19, 0.08);
	--psy-accent-tint-strong: rgba(205, 16, 19, 0.05);
	--psy-accent-border: rgba(205, 16, 19, 0.35);
	--psy-accent-index: rgba(205, 16, 19, 0.35);
	--psy-error-tint: rgba(139, 30, 47, 0.08);
	--psy-placeholder: rgba(26, 20, 18, 0.42);

	/* Header & search */
	--psy-header-bg: rgba(255, 255, 255, 0.96);
	--psy-search-panel-bg: #FFFFFF;
	--psy-search-panel-border: #F0F0F0;
	--psy-search-bar-bg: #FFFFFF;
	--psy-search-bar-border: #D9D9D9;
	--psy-search-input-placeholder: #B0B0B0;
	--psy-search-btn-bg: #111111;
	--psy-search-btn-hover: #000000;
	--psy-overlay: rgba(26, 20, 18, 0.5);

	/* Gradients & neutrals */
	--psy-gradient-hero: linear-gradient(180deg, #FFF7F5 0%, #FFFFFF 100%);
	--psy-neutral-line: #E0E0E0;
	--psy-neutral-bg: #E5E5E5;
	--psy-neutral-bg-warm: #E5DDD8;

	/* Typography */
	--psy-font-heading: "Cormorant Garamond", "Playfair Display", Georgia, serif;
	--psy-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--psy-text-xs: 0.75rem;
	--psy-text-sm: 0.875rem;
	--psy-text-base: 1rem;
	--psy-text-lg: 1.125rem;
	--psy-text-xl: 1.25rem;
	--psy-text-2xl: 1.563rem;
	--psy-text-3xl: 1.953rem;
	--psy-text-4xl: 2.441rem;
	--psy-text-5xl: 3.052rem;
	--psy-line-height-tight: 1.15;
	--psy-line-height-base: 1.65;
	--psy-letter-spacing-display: -0.02em;
	--psy-letter-spacing-label: 0.12em;

	/* Spacing */
	--psy-spacing-xs: 0.25rem;
	--psy-spacing-sm: 0.5rem;
	--psy-spacing-md: 1rem;
	--psy-spacing-lg: 1.5rem;
	--psy-spacing-xl: 2rem;
	--psy-spacing-2xl: 3rem;
	--psy-spacing-3xl: 4rem;

	/* Layout */
	--psy-container-width: 1240px;
	--psy-container-padding: 1.25rem;

	/* Effects */
	--psy-radius: 12px;
	--psy-radius-lg: 20px;
	--psy-radius-pill: 999px;
	--psy-shadow-sm: 0 1px 3px rgba(26, 20, 18, 0.06);
	--psy-shadow-md: 0 8px 24px rgba(26, 20, 18, 0.08);
	--psy-transition-fast: 150ms ease;
	--psy-transition-base: 300ms ease;

	/* Breakpoints (reference) */
	--psy-breakpoint-sm: 576px;
	--psy-breakpoint-md: 768px;
	--psy-breakpoint-lg: 992px;
	--psy-breakpoint-xl: 1200px;
}