/* ==========================================================================
   SAVITRY GREENS - DESIGN TOKENS (PREFIELED --sg-)
   Strictly Zero-Waste Anti-Bloat: Variable tokens for global foundations only
   ========================================================================== */
:root {
  /* Brand Color Palette */
  --sg-color-primary: #163126;
  --sg-color-primary-dark: #0e2018;
  --sg-color-secondary: #244533;
  --sg-color-accent-gold: #EAB308;
  --sg-color-accent-red: #ED1D24;
  --sg-color-bg-white: #FFFFFF;
  --sg-color-bg-warm: #F8F6F2;
  --sg-color-text-main: #222222;
  --sg-color-text-muted: #595966;
  --sg-color-border: #DDDDDD;
  --sg-color-border-warm: #E2DFD7;

  /* Typography Font Families */
  --sg-font-serif: 'Playfair Display', Georgia, serif;
  --sg-font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Typography Scale from Reference HTML */
  --sg-text-tag: 16px;
  --sg-text-heading: 42px;
  --sg-text-heading-mobile: 28px;
  --sg-text-hero: 68px;
  --sg-text-hero-mobile: 36px;

  /* Fluid Spacing Scale (Base Rhythm) */
  --sg-space-3xs: clamp(0.25rem, 0.2rem + 0.25vw, 0.375rem);
  --sg-space-2xs: clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
  --sg-space-xs: clamp(0.75rem, 0.65rem + 0.5vw, 1rem);
  --sg-space-s: clamp(1rem, 0.85rem + 0.75vw, 1.5rem);
  --sg-space-m: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);
  --sg-space-l: clamp(2rem, 1.65rem + 1.75vw, 3rem);
  --sg-space-xl: clamp(3rem, 2.35rem + 3.25vw, 5rem);
  --sg-space-2xl: clamp(4rem, 3rem + 5vw, 7.5rem);

  /* Fluid Section & Container Tokens ONLY */
  --sg-container-max: 1280px;
  --sg-container-pad: clamp(1.5rem, 2vw, 2rem);
  --sg-section-pad-y: 5rem; /* py-20 = 80px */
  --sg-grid-gap-fluid: clamp(1rem, 2vw, 2rem);

  /* Global Transitions & Radii */
  --sg-transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --sg-radius-sm: 8px;
  --sg-radius-md: 12px;
  --sg-radius-lg: 16px;
  --sg-radius-xl: 24px;
}