/* Global CSS Variables for myLaundry Application */
:root {
    /* Typography */
    --heading-font: 'General Sans', sans-serif;
    --body-font: 'General Sans', sans-serif;

    /* Colors */
    --primary-color: #2b50aa;
    --primary-dark: #1e3c80;
    --secondary-color: #ffb902;
    --tertiary-color: #e74c3c;
    --warning-color: #f39c12;

    /* Neutrals */
    --light-gray: #f5f7fa;
    --mid-gray: #e0e0e0;
    --dark-gray: #7f8c8d;
    --text-color: #333;

    /* UI Elements */
    --border-radius: 8px;
    --box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Import General Sans font */
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@200,300,400,500,600,700&display=swap');

/* Global typography defaults */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    font-weight: 600;
    margin-top: 0;
}

p, span, a, button, input, select, textarea, label, li {
    font-family: var(--body-font);
}

button {
    border-radius: 8px !important;
}
/* Global container styles */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
    overflow-y: auto; /* Enable vertical scrolling */
    box-sizing: border-box;
}

/* Global status colors for consistency */
.status-received { color: #e74c3c; border-color: #e74c3c; background-color: rgba(231, 76, 60, 0.1); }
.status-washing { color: #3498db; border-color: #3498db; background-color: rgba(52, 152, 219, 0.1); }
.status-drying { color: #f39c12; border-color: #f39c12; background-color: rgba(243, 156, 18, 0.1); }
.status-storage { color: #9b59b6; border-color: #9b59b6; background-color: rgba(155, 89, 182, 0.1); }
.status-ironing { color: #e67e22; border-color: #e67e22; background-color: rgba(230, 126, 34, 0.1); }
.status-packaged { color: #2ecc71; border-color: #2ecc71; background-color: rgba(46, 204, 113, 0.1); }
.status-notification_sent { color: #1abc9c; border-color: #1abc9c; background-color: rgba(26, 188, 156, 0.1); }
.status-picked_up { color: #34495e; border-color: #34495e; background-color: rgba(52, 73, 94, 0.1); }
.status-delivered { color: #7f8c8d; border-color: #7f8c8d; background-color: rgba(127, 140, 141, 0.1); }