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

:root {
    --color-primary: #0369a1;
    --color-primary-light: #0ea5e9;
    --color-primary-dark: #075985;
    --color-secondary: #0ea5e9;
    --color-bg: #f0f9ff;
    --color-bg-light: #e0f2fe;
    --color-border: #e0f2fe;
    --color-light-border: #bae6fd;
    --color-compact-hover-bg: #f0f9ff;
    --color-overlay-start: rgba(3, 105, 161, 0.7);
    --color-overlay-end: rgba(14, 165, 233, 0.2);
    --header-gradient: linear-gradient(135deg, #0369a1 0%, #075985 50%, #0ea5e9 100%);
    --header-shadow: 0 4px 20px rgba(3, 105, 161, 0.4);
    --feature-bg-gradient: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);
    --feature-icon-gradient: linear-gradient(135deg, #0ea5e9, #075985);
    --footer-bg: #0369a1;
    --gotop-bg: linear-gradient(135deg, #0ea5e9, #075985);
    --sidebar-title-gradient: linear-gradient(135deg, #0ea5e9, #075985);
}