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

:root {
    --color-primary: #1e3a8a;
    --color-primary-light: #3b82f6;
    --color-primary-dark: #172554;
    --color-secondary: #3b82f6;
    --color-bg: #f0f5ff;
    --color-bg-light: #dbeafe;
    --color-border: #dbeafe;
    --color-light-border: #bfdbfe;
    --color-compact-hover-bg: #f0f5ff;
    --color-overlay-start: rgba(30, 58, 138, 0.75);
    --color-overlay-end: rgba(59, 130, 246, 0.2);
    --header-gradient: linear-gradient(135deg, #1e3a8a 0%, #172554 50%, #3b82f6 100%);
    --header-shadow: 0 4px 20px rgba(30, 58, 138, 0.4);
    --feature-bg-gradient: linear-gradient(135deg, #dbeafe 0%, #f0f5ff 100%);
    --feature-icon-gradient: linear-gradient(135deg, #3b82f6, #172554);
    --footer-bg: #1e3a8a;
    --gotop-bg: linear-gradient(135deg, #3b82f6, #172554);
    --sidebar-title-gradient: linear-gradient(135deg, #3b82f6, #172554);
}