/* 
 * School Campus - Premium High-Contrast Theme CSS 
 * sleek slate, charcoal, and deep black palette
 */

html {
    font-size: 110%; /* 10% extra font size globally */
}

:root {
    --color-sand-light: #F8F9FA;
    --color-sand-bg: #E9ECEF;
    --color-sand-dark: #CED4DA;
    --color-terracotta: #1A1A1A; /* Sleek slate-black */
    --color-terracotta-dark: #000000;
    --color-clay: #343A40;
    --color-gold: #FF6B00; /* retain vibrant action gold */
    --color-charcoal-clay: #000000; /* Font color should be black */
    --color-oasis: #059669;
    --color-oasis-light: #D1FAE5;
}

body {
    background-color: var(--color-sand-light);
    color: #000000 !important;
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

/* Ensure all text-bearing elements force black font color for high contrast */
h1, h2, h3, h4, h5, h6, p, span, th, td, label, input, select, textarea {
    color: #000000 !important;
}

/* Custom Desert Sidebar styling */
.desert-sidebar {
    background-color: var(--color-terracotta);
    color: #FFFFFF;
}

.desert-sidebar-link {
    color: var(--color-sand-dark);
    transition: all 0.2s ease;
}

.desert-sidebar-link:hover {
    background-color: var(--color-clay);
    color: #FFFFFF;
}

.desert-sidebar-link.active {
    background-color: var(--color-terracotta-dark);
    color: #FFFFFF;
}

/* Accent Buttons */
.btn-terracotta {
    background-color: var(--color-terracotta);
    color: #FFFFFF;
    transition: all 0.2s ease;
}

.btn-terracotta:hover {
    background-color: var(--color-terracotta-dark);
}

.btn-gold {
    background-color: var(--color-gold);
    color: #FFFFFF;
}

/* Cards & Elements */
.desert-card {
    background-color: #FFFFFF;
    border: 1px solid var(--color-sand-dark);
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.desert-header-gradient {
    background: linear-gradient(135deg, var(--color-terracotta), var(--color-clay));
}