/* ==========================================================================
   Artoprod - public site styles (CI3: assets/web/css/styles.css)
   Page styles: assets/web/css/pages/<controller>.css (loaded automatically)
   ========================================================================== */

:root {
    --web-ink: #14161f;
    --web-muted: #5c6272;
    --web-accent: #c2410c;
    --web-surface: #ffffff;
    --web-canvas: #f6f5f2;
    --web-line: #e6e3dc;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: var(--web-ink);
    background: var(--web-canvas);
}

main {
    flex: 1 0 auto;
}

/* header */
.web-header {
    background: var(--web-surface);
    border-bottom: 1px solid var(--web-line);
}

.web-logo {
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--web-ink);
}

.web-header .nav-link.active {
    color: var(--web-accent);
}

/* hero */
.web-hero {
    padding: 6rem 0;
}

.web-hero__eticheta {
    display: inline-block;
    padding: .25rem .75rem;
    border-radius: 999px;
    background: rgba(194, 65, 12, .1);
    color: var(--web-accent);
    font-size: .875rem;
    font-weight: 600;
}

.web-hero__titlu {
    margin: 1rem 0;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
}

.web-hero__text {
    max-width: 36rem;
    font-size: 1.125rem;
    color: var(--web-muted);
}

/* error pages */
.web-eroare {
    padding: 6rem 0;
    text-align: center;
}

.web-eroare__cod {
    font-size: 5rem;
    font-weight: 800;
    line-height: 1;
    color: var(--web-accent);
}

/* footer */
.web-footer {
    padding: 2rem 0;
    border-top: 1px solid var(--web-line);
    background: var(--web-surface);
    color: var(--web-muted);
    font-size: .875rem;
}