/* Mozotek Label Custom Styles */

/* Black and white theme */
:root {
    --primary-black: #000000;
    --primary-white: #FFFFFF;
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;
    --accent-indigo: #4F46E5;
}

/* Global font settings - Open Sans with Light weight as default */
body {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400; /* Light weight as default */
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Heading font settings - Open Sans */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500; /* Regular weight for headings */
}

/* Font weight utilities */
.font-thin {
    font-weight: 100; /* Extra Light */
}

.font-light {
    font-weight: 300; /* Light */
}

.font-normal {
    font-weight: 400; /* Regular/Normal */
}

.font-medium {
    font-weight: 500; /* Medium */
}

.font-semibold {
    font-weight: 600; /* Semi Bold */
}

.font-bold {
    font-weight: 700; /* Bold */
}

.font-extrabold {
    font-weight: 800; /* Extra Bold */
}

/* Smooth transition effects */
* {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--gray-100);
}

::-webkit-scrollbar-thumb {
    background: var(--gray-400);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--gray-500);
}