/* Cimarron Properties design tokens. World: "Managed, not just listed."
   High-desert light: plaster, shade, agave. */

:root {
  /* color */
  --plaster: #F2ECE2;      /* base */
  --shade: #E7DFD1;        /* inset panels */
  --ink: #2B2620;          /* text */
  --muted: #6A6055;        /* secondary text, 4.9:1 on plaster */
  --hairline: rgba(43, 38, 32, 0.14);
  --agave: #34604A;        /* accent, 6.1:1 on plaster; white text on fills */
  --agave-deep: #2A4F3D;   /* hover state for agave fills */
  --copper: #8F4E22;       /* tiny text-level accents, 5:1 on plaster */
  --dusk: #26312B;         /* one deep band */
  --dusk-text: #EFE9DC;
  --dusk-muted: #C6BEAC;
  --dusk-accent: #9FC4AF;  /* small accents on dusk, 7:1 */
  --card-shadow: 0 12px 32px rgba(43, 38, 32, 0.12);
  --card-shadow-lift: 0 16px 36px rgba(43, 38, 32, 0.16);

  /* type */
  --display: "Gabarito", "Avenir Next", "Segoe UI", sans-serif;
  --body: "Karla", "Segoe UI", Arial, sans-serif;
  --fs-hero: clamp(2.25rem, 5vw, 3.4rem);
  --fs-h2: clamp(1.55rem, 2.6vw, 2.05rem);
  --fs-h3: 1.1875rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-fine: 0.8125rem;

  /* space, 8px scale */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-6: 48px;
  --s-8: 64px;
  --s-12: 96px;

  /* shape and motion */
  --r-card: 16px;
  --r-btn: 10px;
  --ease: cubic-bezier(0.33, 1, 0.68, 1);
  --t-fast: 170ms;
  --t-med: 240ms;

  /* layout */
  --max-w: 1120px;
  --gutter: 24px;
  --header-h: 68px;
}