/* ============================================================
   Botiga online del Comú de Canillo
   Estils principals
   ============================================================ */

@import url('tokens.css');
@import url('reset.css');
@import url('components/header.css');
@import url('components/homepage.css');
@import url('components/activitats.css');
@import url('components/skeleton.css');
@import url('components/funnel.css');
@import url('components/recuperar.css');

/* ----- Layout base ------------------------------------------ */

body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--color-text);
    background-color: var(--color-background);
}

.contingut-principal {
    min-height: 60vh;
    padding: var(--space-6) var(--space-4);
    max-width: var(--container-width);
    margin-inline: auto;
}

/* ----- Pàgina en construcció -------------------------------- */

.pagina-construccio {
    text-align: center;
    padding: var(--space-7) var(--space-4);
    max-width: 600px;
    margin: 0 auto;
}

.pagina-construccio h1 {
    color: var(--color-brand-brown-dark);
    margin-bottom: var(--space-4);
}

.pagina-construccio p {
    color: var(--color-text-muted);
    margin-bottom: var(--space-5);
}

/* Salta al contingut (accessibilitat) */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--color-text);
    color: var(--color-background);
    padding: var(--space-2) var(--space-3);
    z-index: 100;
    text-decoration: none;
}

.skip-link:focus {
    top: 0;
}