/* Template: Template Mặc Định */
:root {
    --template-primary: #A0522D;
    --template-secondary: #8B4513;
    --template-accent: #D2691E;
    --template-background: #F5F5DC;
    --template-text: #2D2D2D;
    --template-border: #DDD;
    --template-button-hover: #8B4513;
    --template-link: #A0522D;
    --template-header-link: #8B4513;
    --template-footer-link: #D2691E;
    --template-button-link: #FFFFFF;
    --template-content-link: #A0522D;
    --template-success: #059669;
    --template-warning: #D97706;
    --template-error: #DC2626;
    /* Màu sắc mở rộng */
    --template-button-secondary: #6B7280;
    --template-button-text: #FFFFFF;
    --template-nav-bg: #FFFFFF;
    --template-nav-link: #2D2D2D;
    --template-nav-link-hover: #A0522D;
    --template-nav-active: #A0522D;
    --template-input-focus: #D2691E;
    --template-input-border: #DDD;
    --template-info: #2563EB;
}


        /* Header styles */
        header {
            background-color: white !important;
            border-bottom: 1px solid var(--template-border) !important;
        }
        
        /* Logo and brand colors - All amber variations */
        .text-amber-700, .text-amber-600, .text-amber-500, .text-amber-800 {
            color: var(--template-primary) !important;
        }
        
        /* Navigation links - All amber hover variations */
        .hover\:text-amber-600:hover, .hover\:text-amber-700:hover, .hover\:text-amber-500:hover {
            color: var(--template-button-hover) !important;
        }
        
        /* Primary buttons - All amber background variations */
        .bg-amber-600, .bg-amber-700, .bg-amber-500, .bg-amber-800 {
            background-color: var(--template-primary) !important;
            border-color: var(--template-primary) !important;
        }
        
        /* Button hover states - All amber hover variations */
        .hover\:bg-amber-700:hover, .hover\:bg-amber-600:hover, .hover\:bg-amber-500:hover {
            background-color: var(--template-button-hover) !important;
        }
        
        /* Border colors - All amber border variations */
        .border-amber-600, .border-amber-700, .border-amber-500 {
            border-color: var(--template-primary) !important;
        }
        
        /* Focus states - All amber focus variations */
        .focus\:border-amber-500:focus, .focus\:ring-amber-500:focus {
            border-color: var(--template-input-focus) !important;
            --tw-ring-color: var(--template-input-focus) !important;
        }
        
        /* Links in content */
        .prose a, .content a {
            color: var(--template-content-link) !important;
        }
        
        .prose a:hover, .content a:hover {
            color: var(--template-button-hover) !important;
        }
        
        /* Footer links */
        footer a {
            color: var(--template-footer-link) !important;
        }
        
        footer a:hover {
            color: var(--template-button-hover) !important;
        }
        
        /* Form elements */
        input:focus, textarea:focus, select:focus {
            border-color: var(--template-input-focus) !important;
            --tw-ring-color: var(--template-input-focus) !important;
        }
        
        /* Success, warning, error states */
        .text-green-600, .bg-green-100 {
            color: var(--template-success) !important;
            background-color: rgba(5, 150, 105, 0.1) !important;
        }
        
        .text-yellow-600, .bg-yellow-100 {
            color: var(--template-warning) !important;
            background-color: rgba(217, 119, 6, 0.1) !important;
        }
        
        .text-red-600, .bg-red-100 {
            color: var(--template-error) !important;
            background-color: rgba(185, 28, 28, 0.1) !important;
        }
        
        /* Additional button styles */
        .btn-primary {
            background-color: var(--template-primary) !important;
            border-color: var(--template-primary) !important;
            color: var(--template-button-text) !important;
        }
        
        .btn-primary:hover {
            background-color: var(--template-button-hover) !important;
            border-color: var(--template-button-hover) !important;
        }
        
        .btn-secondary {
            background-color: var(--template-button-secondary) !important;
            border-color: var(--template-button-secondary) !important;
            color: var(--template-button-text) !important;
        }