/* Fix & Finish design tokens. Custom properties only, no selectors beyond :root. */
:root {
  /* Brand palette (carried from the live site) */
  --c-dark: #2c3947;
  --c-deep: #1f2933;
  --c-light: #e8edf2;
  --c-mist: #dce3ea;
  --c-cta: #95271d;
  --c-cta-hover: #7c1f17;
  --c-slate: #547a95; /* decorative only: borders, icons, never text */
  --c-brass: #c2a56d;
  --c-white: #f1f1f1;
  --c-black: #0d0d0d;

  /* Type */
  --f-display: "Archivo Black", "Arial Black", impact, sans-serif;
  --f-body: "DM Sans", "Segoe UI", arial, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --fs-lg: clamp(1.125rem, 1rem + 0.5vw, 1.3125rem);
  --fs-h4: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
  --fs-h3: clamp(1.25rem, 1.05rem + 0.8vw, 1.5rem);
  --fs-h2: clamp(1.75rem, 1.2rem + 2.4vw, 3rem);
  --fs-h1: clamp(2.25rem, 1.3rem + 4.2vw, 4.5rem);
  --fs-phone: clamp(2.5rem, 1.2rem + 6vw, 6rem);
  --lh-tight: 1.05;
  --lh-head: 1.15;
  --lh-body: 1.65;

  /* Space */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --section-y: clamp(2.5rem, 1.5rem + 5vw, 5.5rem);
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2rem);
  --max: 75rem;
  --measure: 42rem;

  /* Shape and depth: square corners, trade aesthetic */
  --radius: 0;
  --border: 2px;
  --shadow: 0 1.25rem 2.5rem -1.25rem rgb(13 13 13 / 45%);
  --offset: 0.75rem;

  /* Signature: the brass "finished edge" ruler */
  --rule-w: 5.5rem;
  --rule-h: 0.375rem;
  --tick: 0.625rem;
  --header-h: 4.75rem;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}