/* EmeraldCSS v2 - Emerald Gem Palette */
/* Include this file after emerald-v2.css to switch to emerald gem colors */

:root {
    /* Brand and Body Variables */
    --brand-color: #10b981;
    --body-bg: #ecfdf5;
    --body-bg-rgb: 236, 253, 245;
    
    /* Semantic Colors */
    --color-primary: var(--brand-color);
    --color-secondary: #8b5cf6;
    --color-success: #22c55e;
    --color-danger: #ef4444;
    --color-warning: #f59e0b;
    --color-info: #3b82f6;
    --color-muted: #6b7280;
    
    /* Emerald Gem Palette */
    --color-50: #ecfdf5;
    --color-100: #d1fae5;
    --color-200: #a7f3d0;
    --color-300: #6ee7b7;
    --color-400: #34d399;
    --color-500: #10b981;
    --color-600: #059669;
    --color-700: #047857;
    --color-800: #065f46;
    --color-900: #064e3b;
    --color-A100: #a7f3d0;
    --color-A200: #34d399;
    --color-A400: #059669;
    --color-A700: #047857;
}