/* Clayton Homes — design tokens (Sage + Ember + Saddle, Instrument Sans) */
:root{
  --forest-900:#22261E;
  --forest-800:#33382E;
  --forest-700:#414736;
  --sage-600:#4C5D44;
  --sage-500:#5F7355;
  --sage-400:#7A8C70;
  --sage-300:#8FA184;
  --sage-100:#DDE3D8;
  --ember-600:#B85526;
  --ember-500:#D96C32;
  --ember-300:#E9A87F;
  --ember-100:#F7E4D6;
  --saddle-600:#6B5033;
  --saddle-500:#86653F;
  --saddle-300:#B49A76;
  --saddle-100:#EDE4D6;
  --tan-300:#DCD6CA;
  --stone-500:#8A8577;
  --stone-400:#ABA69A;
  --stone-200:#E6E3DA;
  --stone-100:#EEEBE4;
  --cream-50:#F4F3EE;
  --white:#FFFFFF;
  --success:#4E7A5A;
  --warning:#C79A3D;
  --error:#B0432C;

  --surface-page:var(--cream-50);
  --surface-card:var(--white);
  --surface-raised:var(--stone-100);
  --surface-inverse:var(--forest-800);
  --text-heading:var(--forest-800);
  --text-body:#3E4438;
  --text-muted:#5F6558;
  --text-faint:#8A8F82;
  --text-on-dark:var(--cream-50);
  --brand-primary:var(--sage-500);
  --brand-secondary:var(--saddle-500);
  --brand-accent:var(--ember-500);
  --border-default:var(--tan-300);
  --border-subtle:var(--stone-200);
  --border-strong:var(--stone-400);
  --link:var(--sage-600);
  --link-hover:var(--ember-500);
  --focus-ring:var(--sage-500);

  --font-sans:"Instrument Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-display:var(--font-sans);
  --tracking-display:-0.025em;
  --tracking-caps:0.24em;

  --radius-sm:2px;
  --radius-md:4px;
  --shadow-card:0 1px 2px rgba(34,38,30,0.06),0 4px 12px rgba(34,38,30,0.06);
  --shadow-raised:0 2px 4px rgba(34,38,30,0.08),0 12px 32px rgba(34,38,30,0.10);
  --shadow-focus:0 0 0 3px rgba(95,115,85,0.35);
  --ease-out:cubic-bezier(0.22,1,0.36,1);
  --duration-fast:120ms;
  --duration-base:200ms;

  --container:1200px;
  --gutter:clamp(20px,4vw,48px);
  --section-y:clamp(40px,5.5vw,76px);
}