/* File: assets/css/custom.css
    Design System: Sigma Luggage
    Primary Accent: #D2275B
*/

@import url('https://fonts.googleapis.com/css2?family=Carme&family=Poppins:wght@400;600;700&display=swap');

:root {
    --sigma-primary: #D2275B;
    --sigma-primary-hover: #b01f4b;
    --sigma-dark: #2d2d2d;
    --sigma-light: #f8f9fa;
    --sigma-white: #ffffff;
    --sigma-gray: #6c757d;
}

body {
    font-family: 'Carme', sans-serif;
    background-color: var(--sigma-light);
    color: var(--sigma-dark);
}

h1, h2, h3, h4, h5, h6, .poppins {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

/* Primary Button Styling */
.btn-sigma {
    background-color: var(--sigma-primary);
    color: var(--sigma-white);
    border: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-sigma:hover {
    background-color: var(--sigma-primary-hover);
    color: var(--sigma-white);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(210, 39, 91, 0.2);
}

.btn-outline-sigma {
    border: 2px solid var(--sigma-primary);
    color: var(--sigma-primary);
    background: transparent;
    font-weight: 600;
}

.btn-outline-sigma:hover {
    background-color: var(--sigma-primary);
    color: var(--sigma-white);
}

/* Form Controls */
.form-control:focus {
    border-color: var(--sigma-primary);
    box-shadow: 0 0 0 0.25rem rgba(210, 39, 91, 0.15);
}

/* Card Styling */
.card-sigma {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* RBAC Badge Styling */
.badge-admin { background-color: #0d6efd; }
.badge-rep { background-color: var(--sigma-primary); }
.badge-dealer { background-color: #198754; }