:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--green-primary: #A1D5A1;--green-dark: #2d5016;--green-light: #C8E6C8;--blue-primary: #2196F3;--blue-dark: #1565C0;--blue-light: #BBDEFB;--teal-primary: #009688;--teal-dark: #00695C;--teal-light: #B2DFDB;--purple-primary: #9C27B0;--purple-dark: #6A1B9A;--purple-light: #CE93D8;--amber-primary: #FF9800;--amber-dark: #E65100;--amber-light: #FFE0B2;--rose-primary: #EC407A;--rose-dark: #AD1457;--rose-light: #F8BBD9;--white: #ffffff;--gray-100: #f5f5f5;--gray-600: #666666;--gray-900: #333333;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1)}