/* 3. Tailwind CSS & Design Token Custom Properties */
:root {
    --canvas: #F8FAFC;
    --card: #FFFFFF;
    --subtle: #F1F5F9;
    --border-default: #E2E8F0;
    --border-strong: #CBD5E1;
    --content-primary: #111827;
    --content-secondary: #4B5563;
    --content-muted: #94A3B8;
    --brand-default: #0F3B66;
    --brand-hover: #0A2946;
    --brand-light: #E8EFF6;
    --poppy-default: #D97706;
    --poppy-bg: #FEF3C7;
    --poppy-text: #92400E;
    --cslb-default: #15803D;
    --cslb-bg: #DCFCE7;
    --cslb-text: #14532D;
    --danger: #DC2626;
}

/* Form Input Focus Styles (Rule 6) */
input:focus, select:focus {
    outline: none !important;
    border-color: #0F3B66 !important;
    box-shadow: 0 0 0 2px #0F3B66 !important;
}

/* Hide scrollbar for category pills container */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}