/* Font overrides for headers and labels - Add this to your styles.css or in a <style> tag */

/* Main headings and titles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* All labels */
label {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-weight: 600;
}

/* Specific elements that appear in your app */
.text-2xl,
.text-3xl,
.text-4xl,
.text-5xl,
.font-bold {
    font-family: 'Outfit', -apple-system, sans-serif !important;
}

/* Operating hours and date labels */
.operating-hours,
.date-label,
.text-teal-700,
.text-emerald-700,
.font-semibold {
    font-family: 'Outfit', -apple-system, sans-serif !important;
}

/* Any text that should use Outfit */
p, span, div {
    font-family: 'Outfit', -apple-system, sans-serif;
}

/* Keep button text as original - this preserves your existing button font */
button,
.btn,
.btn-primary,
.btn-secondary,
input[type="button"],
input[type="submit"] {
    /* Buttons will keep their original font (Poppins or whatever is defined) */
    /* No font-family override here */
}

/* Make sure headers are bold and readable */
h1 {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1;
}

h2 {
    font-size: 2rem;
    font-weight: 800;
}

/* Labels should be medium weight for readability */
label,
.label-text {
    font-weight: 500;
}

/* Date and time displays */
.date-display,
.time-display {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-weight: 700;
}