/**
 * Custom CSS File
 * Add your custom styles here for easy editing
 * This file is linked in the frontend header
 */

/* ============================================
   Custom Styles - Edit Below
   ============================================ */

/* Example: Custom button styles */
.custom-button {
    /* Add your custom button styles here */
}

/* Example: Custom card styles */
.custom-card {
    /* Add your custom card styles here */
}

/* Example: Custom text styles */
.custom-text {
    /* Add your custom text styles here */
}

/* Example: Custom spacing utilities */
.custom-margin {
    /* Add your custom margin styles here */
}

.custom-padding {
    /* Add your custom padding styles here */
}

/* Example: Custom color overrides */
:root {
    --custom-primary-color: #00BC7E;
    --custom-secondary-color: #6B7280;
    --custom-accent-color: #F59E0B;
}

/* Example: Dark mode custom styles */
.dark .custom-dark-element {
    /* Add dark mode specific styles here */
}

/* Example: Responsive custom styles */
@media (max-width: 768px) {
    .custom-mobile {
        /* Add mobile specific styles here */
    }
}

/* Example: Print styles */
@media print {
    .custom-print {
        /* Add print specific styles here */
    }
}

/* ============================================
   Add your custom styles below this line
   ============================================ */