/* Define your color scheme */
:root {
    --ganil_darkblue: #0E2457;
    --ganil_cyanblue: #25B2B9;
    --ganil_orange: #FF561D;
    --ganil_grey: #BAD0E2;
}

/* Apply custom colors */
body {
    /*background-color: var(--background-color);*/
    color: var(--ganil_darkblue);
}

.navbar {
    /*background-color: var(--ganil_darkblue);*/
    background: linear-gradient(to right, #0E2457, #FF561D);
}

.navbar .nav-link {
    color: white;
}

.navbar .nav-link:hover {
    color: var(--ganil_cyanblue);
}

footer {
    background: linear-gradient(to right, RGBA(186, 208, 226, 1), RGBA(186, 208, 226, 0.05));
    color: black;
}

footer a {
    color: var(--secondary-color);
}

/* Custom style for DOI states */
/* Custom style for the entire td cell */
td.state-cell {
    text-align: left;            /* Center horizontally */
    vertical-align: middle;        /* Center vertically */
}

/* Custom style for the state elements (badges) */
.state-badge {
    display: inline-block;       
    padding: 0.2rem 0.5rem;
    border-radius: 10px;  
    text-align: center; 
}

/* Styles for different states */
td.state-cell.state-findable .state-badge {
    background-color: #1abc9c;
    color: white;
}

td.state-cell.state-registered .state-badge {
    background-color: #3498db;
    color: white;
}

td.state-cell.state-draft .state-badge {
    background-color: #e67e22;
    color: white;
}

td.state-cell.state-default .state-badge {
    background-color: #6c757d;
    color: white;
}