:root {
  /* ── BRAND COLORS ── */
  --color-cream: #DEC8B6;
  --color-navy: #3B4570;
  --color-brown-dark: #6B271A;
  --color-brown-mid: #883323;
  --color-green-dark: #404422;
  --color-green-mid: #535625;
  --color-white: #FFFFFF;
  --color-black: #0D0D0D;
  --color-star-gold: #F5A623;
  --color-text-muted: rgba(13, 13, 13, 0.5);
  --color-cream-dark: #C9B09A;

  /* ── BRAND LOGO PATTERN (Watermark) ── */
  --url-brand-logo-pattern: url('/wp-content/uploads/2026/05/Recurso-36-1.png');

  /* ── TYPOGRAPHY ── */
  --font-primary: 'Paytone One', sans-serif;
  --font-secondary: 'Inter', sans-serif;

  /* ── TYPOGRAPHY SCALE ── */
  --font-size-h1: clamp(48px, 8vw, 100px);
  --font-size-h2: clamp(32px, 4vw, 56px);
  --font-size-body: 16px;
  --font-size-label: 12px;

  /* ── SPACING ── */
  --section-padding-v: clamp(60px, 8vw, 120px);
  --section-padding-h: clamp(20px, 5vw, 80px);
  --container-max: 1200px;
  --grid-gap: 30px;
  --header-height: 80px;

  /* ── RADII & SHADOWS ── */
  --radius-card: 16px;
  --radius-btn: 50px;
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.10);
  --shadow-hero: 0 4px 60px rgba(0, 0, 0, 0.45);

  /* ── TRANSITIONS ── */
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}