/* Explain: Base reset and typography defaults for the calculator site. - */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    color: var(--text-color);
    scroll-behavior: smooth;
}

body {
    margin: 0;
    overflow-x: hidden;
    background: var(--background-color);
    color: var(--text-color);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

[x-cloak] {
    display: none !important;
}

/* Base styles for calculator inputs */
.calc-input {
    @apply w-full rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-slate-900 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 transition-all;
}

.calc-label {
    @apply mb-1.5 block text-sm font-medium text-slate-700;
}