:root {
    color-scheme: light;
    --store-ink: #0f172a;
    --store-muted: #64748b;
    --store-border: #e2e8f0;
    --store-surface: #ffffff;
    --store-page: #f1f5f9;
    --store-orange: #f97316;
    --store-orange-hover: #ea580c;
    --store-orange-soft: #fff7ed;
}

body {
    color: var(--store-ink);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea {
    border-color: var(--store-border);
    border-radius: 0.375rem;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--store-orange);
    outline-color: var(--store-orange);
}

button {
    border-radius: 0.375rem;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, filter 150ms ease;
}

button:hover:not(:disabled) {
    filter: brightness(0.95);
}

button:focus-visible,
a:focus-visible {
    outline: 3px solid #fdba74;
    outline-offset: 2px;
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.bg-primary-50 { background-color: var(--store-orange-soft) !important; }
.bg-primary-100 { background-color: #ffedd5 !important; }
.bg-primary-500 { background-color: var(--store-orange) !important; }
.bg-primary-600 { background-color: var(--store-orange) !important; }
.bg-primary-700 { background-color: var(--store-orange-hover) !important; }
.bg-primary-800 { background-color: #c2410c !important; }
.text-primary-500,
.text-primary-600,
.text-primary-700 { color: #c2410c !important; }
.border-primary-500,
.border-primary-600 { border-color: var(--store-orange) !important; }
.ring-primary-500 { --tw-ring-color: var(--store-orange) !important; }

.bg-accent-300 { background-color: #fdba74 !important; }
.bg-accent-400,
.bg-accent-500,
.bg-accent-600 { background-color: var(--store-orange) !important; }
.text-accent-300,
.text-accent-400,
.text-accent-500,
.text-accent-600 { color: #ea580c !important; }

main .bg-white.border,
main .bg-white.rounded-xl,
main .bg-white.rounded-2xl {
    border-color: var(--store-border);
}

main table thead {
    background-color: #f8fafc;
}

main table th {
    color: #475569;
    font-weight: 600;
}

main table tbody tr {
    border-color: #e2e8f0;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}