/**
 * Duon Labs Admin Custom Styles
 * 
 * Following Unfold conventions (v0.56.0+):
 * - Plain CSS only, no Tailwind compilation
 * - Unfold handles all Tailwind internally
 * - This file is for brand customizations only
 */

/* =============================================================================
   FONTS
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;500;600;700&display=swap');

/* Apply Source Code Pro as primary font */
body,
.font-sans,
input,
select,
textarea,
button {
    font-family: 'Source Code Pro', ui-monospace, monospace !important;
}

/* =============================================================================
   BRAND ACCENT OVERRIDES
   Using CSS custom properties for easy maintenance
   ============================================================================= */

:root {
    --duon-accent: #FFD300;
    --duon-accent-hover: #E6BE00;
    --duon-accent-light: #FFF8D6;
}

/* Primary buttons with brand accent */
.bg-primary-600 {
    background-color: var(--duon-accent) !important;
    color: #000000 !important;
}

.bg-primary-600:hover,
.hover\:bg-primary-700:hover {
    background-color: var(--duon-accent-hover) !important;
}

/* Links with brand color on hover */
a.text-primary-600:hover,
.hover\:text-primary-600:hover {
    color: var(--duon-accent) !important;
}

/* =============================================================================
   SIDEBAR ENHANCEMENTS
   ============================================================================= */

/* Active sidebar item highlight */
[data-active="true"] {
    border-left: 3px solid var(--duon-accent);
}

/* =============================================================================
   SUBTLE REFINEMENTS
   ============================================================================= */

/* Softer shadows */
.shadow-lg {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 
                0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
}

/* Crisp table borders */
table {
    border-collapse: separate;
    border-spacing: 0;
}