/* Import Manrope from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

:root {
    --primary-color: #0d6efd; /* Bootstrap Blue or Custom */
    --secondary-color: #6c757d;
    --accent-color: #0dcaf0;
    --dark-bg: #121212;
    --light-bg: #f8f9fa;
    --font-main: 'Manrope', sans-serif;
}

body {
    font-family: var(--font-main);
    background-color: var(--light-bg);
    color: #333;
}

/* Typography Utilities based on Manrope */
.fw-extra-bold { font-weight: 800; }
.fw-bold { font-weight: 700; }
.fw-semi-bold { font-weight: 600; }
.fw-medium { font-weight: 500; }
.fw-regular { font-weight: 400; }

/* Custom Button Styling */
.btn-primary {
    background-color: var(--primary-color);
    border: none;
    font-weight: 600;
    padding: 10px 20px;
}

/* Card Styling for Dashboard */
.card-cbt {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    transition: transform 0.2s;
}

.card-cbt:hover {
    transform: translateY(-5px);
}