/* tokens.css — Client: Ranch Gagnon */
/* Rodéo western — warm, earthy, arena amber, leather & dust */

:root {
  /* Brand colors — matched to arena photo tones */
  --brand-primary: #D4A24A;      /* Warm arena amber — headings, accents */
  --brand-secondary: #B83D1C;    /* Deep barn red — CTA, energy */
  --brand-accent: #8B4513;       /* Saddle brown — depth, warm accents */
  --brand-dark: #1C130D;         /* Warm dark brown — main background */
  --brand-dark-2: #261A12;       /* Rich earth brown — card backgrounds */
  --brand-dark-3: #3A2A1E;       /* Leather brown — borders, dividers */
  --brand-light: #F5E8D4;        /* Warm cream — text */
  --brand-light-2: #C9B99A;      /* Dusty sand — secondary text */
  --brand-gold-glow: #E8B84A;    /* Bright warm gold — VIP, hover */

  /* Typography */
  --font-display: 'Rye', serif;
  --font-body: 'DM Sans', var(--font-sans);

  /* Personality overrides */
  --site-radius: var(--radius-2);
  --site-shadow: var(--shadow-4);
  --site-ease: var(--ease-spring-3);
  --site-gradient: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand-dark-3) 100%);

  /* Fluid type (Utopia: 320px → 1240px) */
  --step--2: clamp(0.6944rem, 0.6597rem + 0.1736vw, 0.8rem);
  --step--1: clamp(0.8333rem, 0.7754rem + 0.2899vw, 1rem);
  --step-0: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --step-1: clamp(1.2rem, 1.0739rem + 0.6304vw, 1.5625rem);
  --step-2: clamp(1.44rem, 1.2615rem + 0.8924vw, 1.9531rem);
  --step-3: clamp(1.728rem, 1.4799rem + 1.2406vw, 2.4414rem);
  --step-4: clamp(2.0736rem, 1.7334rem + 1.7011vw, 3.0518rem);
  --step-5: clamp(2.4883rem, 2.027rem + 2.3067vw, 3.8147rem);

  /* Fluid space */
  --space-3xs: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4565rem + 0.2174vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.6848rem + 0.3261vw, 0.9375rem);
  --space-s: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --space-m: clamp(1.5rem, 1.3696rem + 0.6522vw, 1.875rem);
  --space-l: clamp(2rem, 1.8261rem + 0.8696vw, 2.5rem);
  --space-xl: clamp(3rem, 2.7391rem + 1.3043vw, 3.75rem);
  --space-2xl: clamp(4rem, 3.6522rem + 1.7391vw, 5rem);
  --space-3xl: clamp(6rem, 5.4783rem + 2.6087vw, 7.5rem);
}