/* ==========================================================================
   Wellborn Engineering & Surveying — Design Tokens
   Palette derived from the firm's logo mark (ink black / paper white /
   benchmark red) plus a blueprint-slate + limestone secondary set drawn
   from Texas Hill Country bedrock. Swap --red for the exact brand hex if
   official brand guidelines specify one.
   ========================================================================== */

:root {
  /* Color */
  --ink: #0a0a0a;
  --ink-soft: #2b2b28;
  --paper: #faf8f4;
  --paper-dim: #f1efe8;
  --red: #d0201a;
  --red-dark: #a8180f;
  --slate: #2f3a42;
  --slate-soft: #4c5a63;
  --mist: #e6e5df;
  --limestone: #c7bca1;
  --limestone-soft: #ece7db;
  --line: rgba(10, 10, 10, 0.14);
  --line-on-dark: rgba(250, 248, 244, 0.18);

  /* Chrome / brushed-steel accent — used sparingly (icon plates, one
     divider treatment, index chips), never as a body-text background. */
  --chrome: linear-gradient(135deg, #6b7278 0%, #d8dcde 20%, #f5f6f7 38%, #9aa0a4 52%, #eef0f1 68%, #7c8288 85%, #c4c8ca 100%);
  --chrome-flat: #9aa0a4;

  /* Type */
  --font-display: "Poppins", "Arial Black", sans-serif;
  --font-body: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.13rem + 0.35vw, 1.4rem);
  --step-2: clamp(1.5rem, 1.35rem + 0.75vw, 1.9rem);
  --step-3: clamp(2rem, 1.7rem + 1.5vw, 2.75rem);
  --step-4: clamp(2.75rem, 2.2rem + 2.75vw, 4.25rem);
  --step-5: clamp(3.5rem, 2.6rem + 4.5vw, 6rem);

  /* Space */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1.25rem;
  --space-4: 2rem;
  --space-5: 3.25rem;
  --space-6: 5.25rem;
  --space-7: 8.5rem;

  --container: 1240px;
  --radius: 2px;
}