/* ==========================================================================
   Design tokens — JAF Plastering Service
   ========================================================================== */

:root {
  /* Colour */
  --c-warm-white: #F5F3EF;
  --c-off-white: #EAE8E2;
  --c-stone: #DCD9D1;
  --c-concrete: #B9B8B2;
  --c-dark-grey: #41413E;
  --c-charcoal: #20211F;
  --c-ink: #161715;
  --c-accent: #A8644A;        /* muted terracotta */
  --c-accent-deep: #8C4F38;   /* AA on warm white for text */
  --c-bronze: #B08A5B;
  --c-error: #A23B2A;
  --c-success: #3F6B4A;

  --c-bg: var(--c-warm-white);
  --c-text: var(--c-charcoal);
  --c-muted: #5E5E59;
  --c-line: rgba(32, 33, 31, 0.14);
  --c-line-light: rgba(245, 243, 239, 0.22);

  /* Typography */
  --f-display: "Manrope", "Sora", system-ui, sans-serif;
  --f-body: "Inter", "DM Sans", system-ui, sans-serif;

  --fs-display-1: clamp(2.75rem, 1.2rem + 6.4vw, 8.5rem);
  --fs-display-2: clamp(2.25rem, 1.3rem + 3.9vw, 5.75rem);
  --fs-display-3: clamp(2rem, 1.3rem + 2.8vw, 4.25rem);
  --fs-h3: clamp(1.6rem, 1.1rem + 1.8vw, 3rem);
  --fs-lead: clamp(1.125rem, 1rem + 0.45vw, 1.4rem);
  --fs-body: clamp(1rem, 0.96rem + 0.15vw, 1.0625rem);
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  --lh-tight: 0.98;
  --lh-snug: 1.15;
  --lh-body: 1.65;
  --ls-display: -0.035em;
  --ls-caps: 0.16em;

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: clamp(3rem, 2rem + 4vw, 6rem);
  --space-2xl: clamp(5rem, 3rem + 8vw, 11rem);

  --gutter: clamp(1rem, 0.5rem + 2.5vw, 3rem);
  --container: 1680px;
  --nav-h: 84px;

  /* Shape & motion */
  --radius: 2px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --dur-fast: 0.25s;
  --dur: 0.5s;
  --dur-slow: 0.9s;

  --z-nav: 50;
  --z-menu: 45;
  --z-cursor: 90;
  --z-preloader: 100;
}