:root {
  /* Colors */
  --color-primary: #174F43;
  --color-primary-hover: #103830;
  --color-secondary: #91B5A6;
  --color-accent: #D89A52;
  --color-background: #FAF7F0;
  --color-background-soft: #EEF5F1;
  --color-surface: #FFFFFF;
  --color-text-primary: #1D2925;
  --color-text-secondary: #65736E;
  --color-border: rgba(23, 79, 67, 0.12);
  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #1EBE57;
  --color-error: #B42318;
  --color-success: #027A48;

  /* Premium Gradients */
  --gradient-primary: linear-gradient(135deg, #174F43 0%, #206E5D 100%);
  --gradient-soft: linear-gradient(180deg, #FAF7F0 0%, #EEF5F1 100%);
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-blur: blur(16px);
  
  /* Typography */
  --font-display-family: "DM Serif Display", serif;
  --font-body-family: "Manrope", sans-serif;
  
  --font-display: clamp(3.25rem, 5vw, 5rem);
  --font-h1: clamp(2.5rem, 5vw + 1rem, 4.5rem);
  --font-h2: clamp(2rem, 4vw + 1rem, 3.5rem);
  --font-h3: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  --font-h4: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  --font-body-large: clamp(1.125rem, 1vw + 0.5rem, 1.25rem);
  --font-body: 1rem;
  --font-small: 0.875rem;
  --font-label: 0.75rem;

  --line-height-body: 1.6;
  --line-height-heading: 1.15;
  
  /* Spacing (8pt system) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-30: 120px;

  /* Border Radius */
  --radius-small: 8px;
  --radius-control: 12px;
  --radius-card: 24px;
  --radius-large: 32px;
  --radius-pill: 9999px;

  /* Layout */
  --container-max: 1200px;
  --container-padding: clamp(16px, 5vw, 32px);
  --section-padding-y: clamp(32px, 8vw, 120px);

  /* Elevation */
  --shadow-sm: 0 4px 24px rgba(23, 79, 67, 0.04);
  --shadow-md: 0 12px 48px rgba(23, 79, 67, 0.08);
  --shadow-lg: 0 24px 64px rgba(23, 79, 67, 0.12);
  
  /* Transitions */
  --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 400ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
