/* Excite Digital Branding CSS */

/* Base font for body text */
body, .mud-typography-body1, .mud-typography-body2 {
    font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
}

/* Krona One for headings */
.mud-typography-h1, .mud-typography-h2, .mud-typography-h3 {
    font-family: 'Krona One', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    letter-spacing: 0.5px;
}

/* Quicksand for smaller headings */
.mud-typography-h4, .mud-typography-h5, .mud-typography-h6 {
    font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 600;
}

/* Button text */
.mud-button-root {
    font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

/* Input labels */
.mud-input-label {
    font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
}

/* Table headers */
.mud-table-head .mud-table-cell {
    font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 600 !important;
}

/* Navigation drawer */
.mud-navmenu {
    font-family: 'Quicksand', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
}

/* App bar title */
.mud-appbar .mud-typography-h5 {
    font-family: 'Krona One', 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
    color: #fce21b !important;
}

/* Cards with hover effect */
.mud-card {
    transition: all 0.2s ease;
}

.mud-card:hover {
    box-shadow: 0 4px 20px rgba(252, 226, 27, 0.1);
}

/* Primary buttons with brand yellow */
.mud-button-filled.mud-button-filled-primary {
    background-color: #fce21b !important;
    color: #000000 !important;
}

.mud-button-filled.mud-button-filled-primary:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Chips */
.mud-chip.mud-chip-color-primary {
    background-color: #fce21b !important;
    color: #000000 !important;
}

/* Tabs */
.mud-tab.mud-tab-active {
    color: #fce21b !important;
}

.mud-tabs-toolbar .mud-tab-slider {
    background-color: #fce21b !important;
}

/* Links */
a {
    color: #fce21b;
}

a:hover {
    color: #ffffff;
}

/* Selection highlight */
::selection {
    background: rgba(252, 226, 27, 0.3);
}

/* Scrollbar styling for dark theme */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #111111;
}

::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #fce21b;
}