@import "../fonts/raisonne-regular-pro/stylesheet.css";
@import "../fonts/raisonne-bold-pro/stylesheet.css";
@import "../fonts/raisonne-extrabold-pro/stylesheet.css";

body {
    font-family: raisonne, sans-serif;
    font-feature-settings: 'ss02','ss03','ss08','ss12','ss13','ss14','ss15','ss16';
}

:root {
    --purple: #471e51;
    --orange: #ff5f26;
    --peach: #fadfc4;
    --lavendar: #cec0f9;
    --purple-black: #1c1526;

    --primary: var(--purple);
    --secondary: var(--lavendar);

    --header-bg: var(--purple);
    --header-color: var(--orange);

    --breadcrumbs-bg: var(--lavendar);
    --breadcrumbs-fg: var(--purple-black);
    --breadcrumbs-link-fg: var(--purple);

    --link-fg: var(--purple);
    --link-hover-color: #6549bf;

    --selected-row: var(--lavendar);

    --object-tools-bg: #555;
    --object-tools-hover-bg: var(--purple);
    --object-tools-fg: white;

    --button-bg: var(--lavendar);
    --button-hover-bg: #baa6f6;
    --button-fg: var(--purple);
    --default-button-bg: var(--purple);
    --default-button-hover-bg: #6e2f7d;
}

#nav-sidebar .current-app .section:link,
#nav-sidebar .current-app .section:visited {
    color: white;
    font-weight: bold;
}

.button.default, input[type=submit].default, .submit-row input.default {
    color: white;
}

#user-tools a:focus, #user-tools a:hover {
    color: white;
    border-bottom-color: white;
}

.submit-row a.deletelink {
    color: white !important;
}

@media (prefers-color-scheme: dark) {
    :root {
        --link-fg: var(--lavendar);
        --button-bg: var(--purple-black);
        --button-fg: #b765c9;
        --button-hover-bg: #6e2f7d;
        --selected-row: var(--purple-black);
        --breadcrumbs-bg: var(--purple-black);
        --breadcrumbs-fg: white;
        --breadcrumbs-link-fg: var(--orange);
    }
}