/**
 * WP GayRadar design tokens — based on LoveDate Home 3 palette.
 */

:root {
	/* Colors */
	--gr-color-heading: #191250;
	--gr-color-primary: #191250;
	--gr-color-secondary: #916eff;
	--gr-color-accent: #ff88ff;
	--gr-color-text: #322977;
	--gr-color-text-muted: rgba(50, 41, 119, 0.72);
	--gr-color-white: #ffffff;
	--gr-color-black: #000000;
	--gr-color-bg: #ffffff;
	--gr-color-bg-soft: #f5e9ff;
	--gr-color-bg-card: #f8faff;
	--gr-color-border: rgba(25, 18, 80, 0.1);
	--gr-color-border-strong: rgba(25, 18, 80, 0.2);

	/* Typography */
	--gr-font-heading: "Fraunces", Georgia, "Times New Roman", serif;
	--gr-font-body: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--gr-font-size-xs: 0.875rem;   /* 14px */
	--gr-font-size-sm: 0.9375rem;  /* 15px */
	--gr-font-size-base: 1rem;     /* 16px */
	--gr-font-size-md: 1.125rem;   /* 18px */
	--gr-font-size-lg: 1.25rem;    /* 20px */
	--gr-font-size-xl: 2.25rem;    /* 36px */
	--gr-font-size-2xl: 3.25rem;   /* 52px */
	--gr-font-size-3xl: 5.3125rem; /* 85px */

	--gr-line-height-tight: 1.05;
	--gr-line-height-snug: 1.15;
	--gr-line-height-base: 1.4;
	--gr-line-height-relaxed: 1.6;

	--gr-letter-spacing-heading: -0.02em;
	--gr-letter-spacing-label: 0.02em;

	/* Layout */
	--gr-container-max: 1320px;
	--gr-container-padding: clamp(1rem, 3vw, 2.5rem);
	--gr-section-spacing: clamp(3rem, 6vw, 5.625rem);
	--gr-header-height: 80px;

	/* Radii */
	--gr-radius-sm: 5px;
	--gr-radius-md: 10px;
	--gr-radius-lg: 20px;
	--gr-radius-xl: 60px;
	--gr-radius-pill: 30px;
	--gr-radius-full: 9999px;

	/* Shadows */
	--gr-shadow-card: 0 15px 30px -12px rgba(0, 0, 0, 0.153);
	--gr-shadow-soft: 0 4px 20px rgba(25, 18, 80, 0.08);

	/* Transitions */
	--gr-transition: 0.3s ease;

	/* Buttons */
	--gr-btn-font-size: 1rem;
	--gr-btn-font-weight: 700;
	--gr-btn-padding-y: 13px;
	--gr-btn-padding-x: 26px;
	--gr-btn-radius: var(--gr-radius-sm);
}