:root {
    /* Max width correspond to Full HD */
    /* max-width: 1920px; */
}

/* Apply default font family to all components */
* {
    font-family: var(--family-default), serif;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Remove horizontal scrollbar globally */
}

/* Utility classes for common patterns */
.hidden {
    display: none;
}

.disabled {
    filter: grayscale(100%);
    cursor: not-allowed;
    /* Note: This class is visual only. Use the disabled attribute for functional disabling. */
}

/* Base button styles - can be overridden by components */
button {
    font-family: var(--family-default), sans-serif;
}