/* Mr.Transfer — design tokens (dark luxury + gold). Single source of truth. */

:root {
	/* Surfaces */
	--c-bg:        #0E0E10;
	--c-bg-2:      #14181F;
	--c-bg-3:      #1B2029;
	--c-line:      #2A2F38;
	--c-line-soft: #21262F;

	/* Gold accent — used sparingly (hairlines, CTA, active states) */
	--c-gold:      #C9A24B;
	--c-gold-soft: #D8BE7E;
	--c-gold-deep: #9A7B33;

	/* Warm hero tint (avelux sepia mood) */
	--c-warm:      #2A2018;

	/* Text */
	--c-text:      #F5F5F0;
	--c-text-dim:  #B6B6AE;
	--c-text-mute: #7E7E77;
	--c-on-gold:   #14110A;

	/* Gradients */
	--grad-gold:       linear-gradient(135deg, #D8BE7E 0%, #C9A24B 45%, #9A7B33 100%);
	--grad-hero-scrim: linear-gradient(180deg, rgba(14,14,16,.10) 0%, rgba(14,14,16,.45) 55%, rgba(14,14,16,.92) 88%, #0E0E10 100%);
	--grad-hero-warm:  linear-gradient(115deg, rgba(42,32,24,.55) 0%, rgba(14,14,16,.20) 45%, rgba(14,14,16,.10) 100%);
	--grad-fade-top:   linear-gradient(180deg, #0E0E10 0%, rgba(14,14,16,0) 100%);

	/* Typography */
	--font-display: "Playfair Display", Georgia, "Times New Roman", serif;
	--font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

	--fs-sm:   .875rem;
	--fs-base: 1rem;
	--fs-lg:   clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
	--fs-xl:   clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
	--fs-2xl:  clamp(2.25rem, 1.6rem + 3vw, 4rem);
	--fs-hero: clamp(3.25rem, 2rem + 6vw, 7rem);

	--lh-tight: 1.05;
	--lh-snug:  1.25;
	--lh-base:  1.65;

	--tracking-wide:  .18em;
	--tracking-wider: .28em;

	/* Spacing scale (4px base) */
	--sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
	--sp-5: 1.5rem;  --sp-6: 2rem;    --sp-8: 3rem;    --sp-10: 4rem;
	--sp-12: 6rem;   --sp-16: 8rem;   --sp-20: 10rem;

	/* Layout */
	--container: 1180px;
	--container-wide: 1440px;
	--gutter: clamp(1.25rem, 4vw, 4rem);

	/* Radii */
	--r-sm: 6px;  --r-md: 12px;  --r-lg: 20px;  --r-pill: 999px;

	/* Shadows */
	--shadow-card:  0 18px 50px -22px rgba(0,0,0,.75);
	--shadow-pop:   0 28px 70px -28px rgba(0,0,0,.85);
	--shadow-gold:  0 10px 40px -12px rgba(201,162,75,.35);

	/* Motion */
	--ease-out: cubic-bezier(.16, 1, .3, 1);
	--ease-in-out: cubic-bezier(.65, 0, .35, 1);
	--dur: .6s;
	--dur-fast: .28s;

	/* Hairline border helper */
	--border-line: 1px solid var(--c-line);
	--border-gold: 1px solid rgba(201,162,75,.45);
}