@import "tailwindcss";

/* Custom theme - Biru & Orange */
@theme {
    --color-primary: #1E3A8A;
    --color-primary-dark: #1E3A8A;
    --color-primary-light: #3B82F6;
    --color-secondary: #F97316;
    --color-secondary-dark: #EA580C;
    --color-secondary-light: #FB923C;
    --font-family-sans: 'Montserrat', sans-serif;
}

/* Global Font Size */
html {
    font-size: 13px;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #1a1a1a;
}

/* Heading */
h1 {
    font-size: 1.125rem !important;
    font-weight: 700 !important;
}

h2 {
    font-size: 1rem !important;
    font-weight: 600 !important;
}

h3 {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

h4 {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
}

/* Label */
label, .label {
    font-size: 0.75rem !important;
    font-weight: 500;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
