/* =========================================================================
   Stulworth — Design Tokens
   Derived from Fresh Consulting's visual system (layout, scale, components).
   All copy/imagery remains original Stulworth content.
   Accent is an approximation of Fresh's signature green; tweak --accent freely.
   ========================================================================= */

:root {
  /* Color — light, airy Fresh-style palette */
  --bg: #ffffff;
  --bg-soft: #f4f6f5;
  --surface: #ffffff;
  --surface-2: #f4f6f5;
  --ink: #0c0f0e;
  --ink-soft: #2b322f;
  --muted: #5d6663;
  --muted-2: #8a918e;
  --line: rgba(12, 15, 14, 0.10);
  --line-strong: rgba(12, 15, 14, 0.18);
  --accent: #c9a84c;          /* Gold accent */
  --accent-deep: #a8832a;
  --accent-ink: #0c0f0e;
  --accent-tint: rgba(201, 168, 76, 0.12);
  --on-dark: #ffffff;
  --dark: #0c0f0e;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* Radius */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Elevation */
  --shadow-sm: 0 2px 10px rgba(12, 15, 14, 0.06);
  --shadow-md: 0 14px 40px rgba(12, 15, 14, 0.10);
  --shadow-lg: 0 30px 80px rgba(12, 15, 14, 0.16);

  /* Typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', -apple-system, sans-serif;
  --fs-eyebrow: 0.78rem;
  --fs-label: 0.82rem;
  --fs-body: 1rem;
  --fs-lead: 1.18rem;
  --fs-h4: 1.2rem;
  --fs-h3: clamp(1.7rem, 2.8vw, 2.4rem);
  --fs-h2: clamp(2.3rem, 5vw, 3.6rem);
  --fs-section: clamp(2.6rem, 6vw, 4.4rem);
  --fs-h1: clamp(2.8rem, 7vw, 5.6rem);
  --fs-display: clamp(3rem, 8vw, 6.4rem);

  /* Layout */
  --container: 1280px;
  --container-wide: 1440px;
  --gutter: 24px;

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur: 320ms;
  --dur-slow: 700ms;

  --header-h: 76px;
}