/* static/css/base_custom_admin.css */
:root,
:root[data-theme="light"],
:root[data-theme="dark"],
:root[data-theme="auto"] {
    --primary: #19275f;
    --secondary: #FD752D;
    --accent: var(--secondary);
    --header-color: #FFFFFF;
    --header-bg: var(--primary);
    --header-branding-color: #FFFFFF;
    --breadcrumbs-bg: var(--secondary);
    --light-link-fg: #81d4fa;
    --link-fg: var(--primary);
    --link-hover-color: var(--light-link-fg);
    --link-selected-fg: var(--secondary);
    --default-button-bg: var(--primary);
    --button-hover-bg: var(--primary);
    --selected-row: var(--accent);
    --message-warning-bg: #EDEDED;
    --breadcrumbs-fg: #FFFFFF;
    --breadcrumbs-link-fg: #FFFFFF;
    --default-button-hover-bg: var(--primary);
    --view-data-bg: #e7e7e7;
    --text-color: #000000;
    --bg-color: #ffffff;
    --light-primary: #2a3b8f;
}

/* Light theme */
:root[data-theme="light"] {
    --link-fg: var(--primary);
    --link-hover-color: var(--light-link-fg);
}

/* Auto and Dark theme */
:root[data-theme="auto"],
:root[data-theme="dark"] {
    --link-fg: var(--light-link-fg);
    --link-hover-color: var(--secondary);
    --view-data-bg: #282828;
    --text-color: #ffffff;
    --bg-color: #3C3C3C;
}