/* The Real Gay Guy Pro — design tokens. Phase 2 expands utilities and motifs. */

:root {
	/* Brand color */
	--trgg-ink:       #1A1A1A;
	--trgg-plum:      #2B1F2F;
	--trgg-bone:      #F4EDE2;
	--trgg-rose:      #C77B7B;
	--trgg-gold:      #C9A961;
	--trgg-blush:     #F0D6CE;
	--trgg-burgundy:  #7C2238;
	--trgg-white:     #FFFFFF;

	/* Semantic */
	--trgg-text:      var(--trgg-ink);
	--trgg-text-mute: rgba(26, 26, 26, 0.66);
	--trgg-bg:        var(--trgg-bone);
	--trgg-bg-card:   var(--trgg-white);
	--trgg-border:    rgba(26, 26, 26, 0.12);
	--trgg-accent:    var(--trgg-rose);
	--trgg-cta:       var(--trgg-burgundy);

	/* Type stacks */
	--trgg-font-display: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	--trgg-font-body:    'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--trgg-font-mono:    'JetBrains Mono', 'Roboto Mono', ui-monospace, monospace;

	/* Fluid type */
	--trgg-fs-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.85rem);
	--trgg-fs-sm: clamp(0.875rem, 0.82rem + 0.25vw, 0.95rem);
	--trgg-fs-base: clamp(1rem, 0.94rem + 0.3vw, 1.0625rem);
	--trgg-fs-lg: clamp(1.125rem, 1.06rem + 0.35vw, 1.25rem);
	--trgg-fs-xl: clamp(1.375rem, 1.25rem + 0.7vw, 1.625rem);
	--trgg-fs-2xl: clamp(1.75rem, 1.55rem + 1vw, 2.125rem);
	--trgg-fs-3xl: clamp(2.25rem, 1.9rem + 1.6vw, 3rem);
	--trgg-fs-display: clamp(2.5rem, 1.95rem + 2.6vw, 4rem);

	/* Spacing scale */
	--trgg-s-0: 0;
	--trgg-s-1: 0.25rem;
	--trgg-s-2: 0.5rem;
	--trgg-s-3: 0.75rem;
	--trgg-s-4: 1rem;
	--trgg-s-5: 1.5rem;
	--trgg-s-6: 2rem;
	--trgg-s-7: 3rem;
	--trgg-s-8: 4rem;
	--trgg-s-9: 6rem;

	/* Radius */
	--trgg-radius-sm: 6px;
	--trgg-radius-md: 14px;
	--trgg-radius-lg: 24px;

	/* Shadows */
	--trgg-shadow-1: 0 1px 2px rgba(26, 26, 26, 0.06);
	--trgg-shadow-2: 0 10px 28px rgba(26, 26, 26, 0.10);
	--trgg-shadow-3: 0 24px 60px rgba(43, 31, 47, 0.20);

	/* Container */
	--trgg-container: 1200px;
	--trgg-container-narrow: 760px;

	/* Motion */
	--trgg-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--trgg-dur-1: 180ms;
	--trgg-dur-2: 320ms;
	--trgg-dur-3: 520ms;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--trgg-dur-1: 0ms;
		--trgg-dur-2: 0ms;
		--trgg-dur-3: 0ms;
	}
}