:root {
  /* Color System */
  --color-primary-green: #0F7B3E;
  --color-primary-green-rgb: 15, 123, 62;
  --color-secondary-green: #26A65B;
  --color-secondary-green-rgb: 38, 166, 91;
  --color-light-green: #EAF9F0;
  --color-accent-green: #7ED957;
  --color-white: #FFFFFF;
  --color-bg: #F7FBF8;
  --color-dark-text: #202124;
  --color-light-text: #666666;
  --color-border: #E4EFE7;
  --color-success: #16A34A;
  
  /* Additional Premium Greys/Accents */
  --color-glass-bg: rgba(255, 255, 255, 0.75);
  --color-glass-border: rgba(228, 239, 231, 0.6);

  /* Typography System */
  --font-headings: 'Poppins', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Font Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Spacing System */
  --space-section-desktop: 120px;
  --space-section-tablet: 90px;
  --space-section-mobile: 70px;
  --container-max-width: 1320px;

  /* Core Spacing Scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-xxxl: 64px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px; /* Defined in card system spec */
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Shadow System */
  --shadow-soft: 0 4px 30px rgba(0, 0, 0, 0.03);
  --shadow-hover: 0 20px 40px rgba(15, 123, 62, 0.08);
  --shadow-floating: 0 25px 50px -12px rgba(0, 0, 0, 0.12);
  --shadow-glass: 0 8px 32px 0 rgba(15, 123, 62, 0.05);

  /* Animation and Transition */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1); /* Premium ease-out-expo */
}