@import url('../../public/css/style.css');

:root {
    --color-primary: #047857;
    --color-primary-light: #10b981;
    --color-primary-dark: #065f46;
    --color-secondary: #10b981;
    --color-bg: #ecfdf5;
    --color-bg-light: #d1fae5;
    --color-border: #d1fae5;
    --color-light-border: #a7f3d0;
    --color-compact-hover-bg: #ecfdf5;
    --color-overlay-start: rgba(4, 120, 87, 0.7);
    --color-overlay-end: rgba(16, 185, 129, 0.2);
    --header-gradient: linear-gradient(135deg, #047857 0%, #065f46 50%, #10b981 100%);
    --header-shadow: 0 4px 20px rgba(4, 120, 87, 0.4);
    --feature-bg-gradient: linear-gradient(135deg, #d1fae5 0%, #ecfdf5 100%);
    --feature-icon-gradient: linear-gradient(135deg, #10b981, #065f46);
    --footer-bg: #047857;
    --gotop-bg: linear-gradient(135deg, #10b981, #065f46);
    --sidebar-title-gradient: linear-gradient(135deg, #10b981, #065f46);
}