:root {
  /* Color Palette — BEYOND VALUE Restrained Editorial */
  --c-bg: #F4F1E9;
  --c-ink: #111311;
  --c-ink-light: #2A2E2B;
  --c-muted: #5A625B;
  --c-accent: #155E46;
  --c-accent-hover: #0E4432;
  --c-accent-soft: rgba(21, 94, 70, 0.08);
  --c-mist: #C9D6CB;
  --c-stone: #D8D3C8;
  --c-stone-light: #EBE7DE;
  --c-signal: #D75C47;
  --c-signal-soft: rgba(215, 92, 71, 0.1);
  --c-white: #FFFFFF;

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

  /* Border Radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-pill: 9999px;

  /* Layout Constrains */
  --max: 1380px;
  --read: 760px;
  --gutter: clamp(16px, 4vw, 48px);

  /* Elevation Shadows */
  --shadow-sm: 0 1px 3px rgba(17, 19, 17, 0.05);
  --shadow-md: 0 4px 12px rgba(17, 19, 17, 0.07);
  --shadow-lg: 0 12px 32px rgba(17, 19, 17, 0.09);
  --shadow-modal: 0 24px 64px rgba(17, 19, 17, 0.2);

  /* Animation & Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --fast: 140ms;
  --base: 220ms;
  --slow: 360ms;

  /* Typography Fluid Clamps */
  --displayClamp: clamp(2.5rem, 6vw, 4.2rem);
  --h2Clamp: clamp(1.8rem, 3.5vw, 2.6rem);
  --h3Clamp: clamp(1.25rem, 2vw, 1.6rem);
}