/* 
 * Main CSS file for Combinate
 * Contains global styles and common components
 */

/* ------------------------------------
 * 1. CSS Variables and Base Styles
 * ------------------------------------ */
:root {
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --danger: #dc3545;
    --warning: #ffc107;
    --info: #0dcaf0;
    --light: #f8f9fa;
    --dark: #212529;
    
    /* Additional variables could be defined here */
    --card-transition: transform 0.2s ease, box-shadow 0.2s ease;
    --card-hover-transform: translateY(-5px);
    --card-hover-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--dark);
    background-color: #f8f9fa;
}

/* ------------------------------------
 * 2. Toast Container - Global
 * ------------------------------------ */
#toast-container {
    z-index: 1060;
}

/* ------------------------------------
 * 3. Card Components - Common Styles
 * ------------------------------------ */
/* Base card styles - applied to all card types */
.card-base, .factory-card, .project-card {
    transition: var(--card-transition);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-base:hover, .factory-card:hover, .project-card:hover {
    transform: var(--card-hover-transform);
    box-shadow: var(--card-hover-shadow) !important;
}

.card-base .card-body, .factory-card .card-body, .project-card .card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.card-base .card-footer, .factory-card .card-footer, .project-card .card-footer {
    margin-top: auto;
}

/* Factory card specific styles */
.factory-card .card-link-overlay {
    color: inherit;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Project card specific styles can be added here if needed */

/* ------------------------------------
 * 4. Utility Classes
 * ------------------------------------ */
/* Add utility classes here */

/* Notification and message styles are now managed in notifications.css */