/* Nord Theme for Quarto Website */
:root {
    /* Polar Night */
    --nord0: #2E3440;
    --nord1: #3B4252;
    --nord2: #434C5E;
    --nord3: #4C566A;

    /* Snow Storm */
    --nord4: #D8DEE9;
    --nord5: #E5E9F0;
    --nord6: #ECEFF4;

    /* Frost */
    --nord7: #8FBCBB;
    --nord8: #88C0D0;
    --nord9: #81A1C1;
    --nord10: #5E81AC;

    /* Aurora */
    --nord11: #BF616A;
    --nord12: #D08770;
    --nord13: #EBCB8B;
    --nord14: #A3BE8C;
    --nord15: #B48EAD;

    /* Assignments */
    --bg-color: var(--nord0);
    --text-color: var(--nord4);
    --heading-color: var(--nord6);
    --link-color: var(--nord8);
    --link-hover-color: var(--nord9);
    --code-bg: var(--nord1);
    --border-color: var(--nord3);
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
}

a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}

/* Quarto Specific Overrides */
.navbar {
    background-color: var(--nord1) !important;
    border-bottom: 1px solid var(--nord3);
}

.navbar-brand,
.nav-link {
    color: var(--nord4) !important;
}

.navbar-brand:hover,
.nav-link:hover {
    color: var(--nord8) !important;
}

.sidebar {
    background-color: var(--nord0);
    border-right: 1px solid var(--nord2);
}

/* Table Styles */
.table {
    color: var(--text-color);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--nord1);
}

.table-hover tbody tr:hover {
    background-color: var(--nord2);
}

th {
    border-bottom: 2px solid var(--nord3);
}

td {
    border-top: 1px solid var(--nord3);
}

/* Code Blocks */
pre,
code {
    color: var(--text-color);
}

div.sourceCode {
    background-color: var(--nord1);
    border: 1px solid var(--nord2);
    border-radius: 4px;
}

/* Custom Button */
.btn-primary {
    background-color: var(--nord10);
    border-color: var(--nord10);
    color: var(--nord6);
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--nord9);
    border-color: var(--nord9);
    color: var(--nord0);
    text-decoration: none;
}