/* Override the default-dark theme (the middle option) with Jonahlahona colors */
html[data-theme="default-dark"] {
    --bgh: 0 !important;
    --bgs: 39% !important;
    --bgl: 8% !important;
    
    --color-primary: #5d4646 !important;
    --color-negative: #cdbcbc !important;
    --color-positive: hsl(145, 63%, 42%) !important;
}

/* Add custom gradients to the whole dashboard when this theme is active */
html[data-theme="default-dark"] body {
    background: radial-gradient(circle at top left, #281111 0%, #0d0505 100%) !important;
    color: #cdbcbc !important;
}

/* Card backgrounds */
html[data-theme="default-dark"] .box,
html[data-theme="default-dark"] .panel,
html[data-theme="default-dark"] .card {
    background: linear-gradient(145deg, #1b0d0d 0%, #0c0505 100%) !important;
    border-color: #3a2221 !important;
}

/* Update the Theme Picker preview colors to show our custom colors! */
.theme-preset[data-key="default-dark"] {
    --color: #0d0505 !important;
}
.theme-preset[data-key="default-dark"] .theme-color:nth-child(1) {
    --color: #5d4646 !important;
}
.theme-preset[data-key="default-dark"] .theme-color:nth-child(2) {
    --color: #5d4646 !important;
}
.theme-preset[data-key="default-dark"] .theme-color:nth-child(3) {
    --color: #cdbcbc !important;
}

/* ============================================================================
   UI Spacing & Layout Compaction
   ============================================================================ */
:root {
    --widget-gap: 12px !important;
    --widget-content-vertical-padding: 8px !important;
    --widget-content-horizontal-padding: 12px !important;
    --border-radius: 4px !important;
    --content-bounds-padding: 10px !important;

    /* Tighter text scale */
    --font-size-h1: 1.65rem !important;
    --font-size-h2: 1.55rem !important;
    --font-size-h3: 1.45rem !important;
    --font-size-h4: 1.35rem !important;
    --font-size-base: 1.28rem !important;
    --font-size-h5: 1.18rem !important;
    --font-size-h6: 1.08rem !important;
}

/* Compact header and tabs */
.header-container {
    --header-height: 38px !important;
    --header-items-gap: 1.5rem !important;
}

/* Tighter search input box */
.search-input {
    height: 4.2rem !important;
}

/* Compact spacing between bookmark list items */
.bookmarks-group .list > *:not(:first-child) {
    margin-top: 3px !important;
}

/* Compact bookmark icon sizing and background padding */
.bookmarks-icon-container {
    padding: 0.35rem !important;
}
.bookmarks-icon {
    width: 16px !important;
    height: 16px !important;
}

/* Tighter grid for bookmark groups */
.dynamic-columns {
    gap: 10px 15px !important;
}

/* Tighter margin below card headers */
.widget-header {
    margin-bottom: 0.5rem !important;
}

/* Compact calendar spacing */
.calendar-dates {
    gap: 1px !important;
}
.calendar-date {
    padding: 0.2rem 0 !important;
}
.old-calendar-day {
    padding: 0.3rem 0 !important;
}

/* Compact server stats block margin */
.server-stats {
    margin-top: 0.25rem !important;
    gap: 1rem !important;
}