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

:root {
    --color-primary: #2563eb;
    --color-primary-light: #60a5fa;
    --color-primary-dark: #1d4ed8;
    --color-secondary: #60a5fa;
    --color-bg: #eff6ff;
    --color-bg-light: #dbeafe;
    --color-border: #dbeafe;
    --color-light-border: #bfdbfe;
    --color-compact-hover-bg: #eff6ff;
    --color-overlay-start: rgba(37, 99, 235, 0.7);
    --color-overlay-end: rgba(96, 165, 250, 0.2);
    --header-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #60a5fa 100%);
    --header-shadow: 0 4px 20px rgba(37, 99, 235, 0.4);
    --feature-bg-gradient: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);
    --feature-icon-gradient: linear-gradient(135deg, #60a5fa, #1d4ed8);
    --footer-bg: #2563eb;
    --gotop-bg: linear-gradient(135deg, #60a5fa, #1d4ed8);
    --sidebar-title-gradient: linear-gradient(135deg, #60a5fa, #1d4ed8);
}