/* Lockers&Key — brand CSS variables and minimal extras over Tailwind */

:root {
    --color-primary: #f59e0b;       /* yellow-500 */
    --color-primary-hover: #d97706; /* yellow-600 */
    --color-primary-dark: #b45309;  /* yellow-700 */
    --color-bg: #f9fafb;            /* gray-50 */
    --color-text: #1f2937;          /* gray-800 */
    --color-border: #e5e7eb;        /* gray-200 */

    --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-mono: ui-monospace, 'Courier New', monospace;
}

body {
    font-family: var(--font-sans);
    background-color: var(--color-bg);
    color: var(--color-text);
}

/* Smooth transitions on interactive elements */
a, button, input, select, textarea {
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
}

/* Date inputs — consistent appearance */
input[type="date"] {
    color-scheme: light;
}

/* Utility: hide Alpine cloak */
[x-cloak] {
    display: none !important;
}