/* Sashwork Window Co. — design tokens */
:root {
  /* Palette */
  --limestone: #F3EEE4;
  --paper: #FBF8F2;
  --ink: #17212A;
  --ink-soft: #4A5560;
  --line: rgba(23, 33, 42, .18);
  --sun: #DE9F3E;
  --sun-deep: #B87818;
  --glass: #CFE1EA;
  --brick: #9C4A2E;
  --on-sun-deep: #0D1319; /* keeps CTA label AA on the --sun-deep hover fill */
  --line-on-ink: rgba(243, 238, 228, .24);

  /* Type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Instrument Sans", "Segoe UI", system-ui, sans-serif;

  --text-h1: clamp(3rem, 8vw, 7.5rem);
  --text-h2: clamp(2.2rem, 5vw, 4rem);
  --text-h3: clamp(1.5rem, 2.4vw, 2rem);
  --text-body: clamp(1.0625rem, .35vw + 1rem, 1.125rem);
  --text-label: .71875rem;

  /* Layout */
  --gutter: clamp(16px, 4vw, 56px);
  --gap: clamp(12px, 1.6vw, 24px);
  --max: 1600px;
  --nav-h: 76px;
  --section-y: clamp(84px, 11vw, 176px);

  /* Motion */
  --ease-out: cubic-bezier(.215, .61, .355, 1);
  --ease-sash: cubic-bezier(.87, 0, .13, 1);
}