/* Calm, Restrained Base Styles - Paper Theme */
:root {
    --color-ink: #0B0F14;
    --color-paper: #F8FAFC;
    --color-ledger: #475569;
    --color-rule: #E2E8F0;
    --color-accent: #1E3A5F;
    --color-partition: #F3F4F6; /* New Partition Color */
}

body {
    background-color: var(--color-paper);
    color: var(--color-ink);
    -webkit-font-smoothing: antialiased;
}

/* Utility: Minimal Borders (Architectural feel) */
.border-subtle {
    border-color: var(--color-rule);
}

/* Utility: Text Muted (Ledger Gray) */
.text-muted {
    color: var(--color-ledger);
}

/* Partition Background Class */
.bg-partition {
    background-color: var(--color-partition);
}

/* Navigation: Flat and Solid */
.flat-nav {
    background-color: var(--color-paper);
    border-bottom: 1px solid var(--color-rule);
}

/* Buttons: Minimal Interactions */
.btn-primary {
    background-color: var(--color-ink);
    color: var(--color-paper);
    transition: all 0.2s ease;
}

.btn-primary:hover {
    opacity: 0.9;
    background-color: var(--color-accent); /* Accent on hover */
    color: var(--color-paper);
}

.btn-secondary {
    color: var(--color-ink);
    border: 1px solid var(--color-rule);
    background: transparent;
    transition: all 0.2s ease;
}
.btn-secondary:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-paper);
}
        
a[aria-label="Tenets home"]:hover {
  color: inherit;
}

        /* Links & Interactive Elements */
a:not(.btn-primary):not(.btn-secondary):hover {
  color: var(--color-accent);
}

/* Scrollbar: Thin and unobtrusive (Rule line style) */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: var(--color-ledger); 
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-ink); 
}