:root {
    /* Default Theme: Blue Gray (Primary) + Orange (Secondary) */

    /* Primary - Blue Gray */
    --primary-50: 248 250 252; /* #f8fafc */
    --primary-100: 241 245 249; /* #f1f5f9 */
    --primary-200: 226 232 240; /* #e2e8f0 */
    --primary-300: 203 213 225; /* #cbd5e1 */
    --primary-400: 148 163 184; /* #94a3b8 */
    --primary-500: 100 116 139; /* #64748b */
    --primary-600: 71 85 105; /* #475569 */
    --primary-700: 51 65 85; /* #334155 */
    --primary-800: 30 41 59; /* #1e293b */
    --primary-900: 15 23 42; /* #0f172a */

    /* Secondary - Orange */
    --secondary-50: 255 247 237; /* #fff7ed */
    --secondary-100: 255 237 213; /* #ffedd5 */
    --secondary-200: 254 215 170; /* #fed7aa */
    --secondary-300: 253 186 116; /* #fdba74 */
    --secondary-400: 251 146 60; /* #fb923c */
    --secondary-500: 249 115 22; /* #f97316 */
    --secondary-600: 234 88 12; /* #ea580c */
    --secondary-700: 194 65 12; /* #c2410c */
    --secondary-800: 154 52 18; /* #9a3412 */
    --secondary-900: 124 45 18; /* #7c2d12 */
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}