/* GateWizard Custom Styles */

/* Example 1: Custom header colors (uncomment to test) */
/*
.md-header {
    background-color: #2c3e50 !important;
}
*/

/* Example 2: Rounded corners for code blocks */
.highlight {
    border-radius: 8px;
}

/* Example 3: Custom link colors */
/*
:root {
    --md-primary-fg-color: #3498db;
    --md-accent-fg-color: #e74c3c;
}
*/

/* Example 4: Add shadows to cards/admonitions */
.admonition {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 6px;
}

/* Example 5: Custom font sizes */
/*
.md-typeset h1 {
    font-size: 2.5em;
}

.md-typeset h2 {
    font-size: 2em;
}
*/

/* Example 6: Highlight important notes */
.admonition.important {
    border-left: 4px solid #ff9800;
}

/* Example 7: Custom table styling */
.md-typeset table:not([class]) {
    border-radius: 6px;
    overflow: hidden;
}

/* Example 8: Add gradient to sidebar */
/*
.md-sidebar {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}
*/

/* Example 9: Custom button styles */
.md-button {
    border-radius: 20px;
}

/* Example 10: Adjust code font size */
code {
    font-size: 0.9em;
}