@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap');

/* ==========================================================================
   Noltyz Brand - sistema de identidade compartilhado
   Componentes: BrandSymbol (marca N em SVG) · BrandWordmark · Brand
   ========================================================================== */

/* --------------------------------------------------------------------------
   Tons - cores conforme o fundo (herdadas pelo símbolo, texto e subtítulo).
   -------------------------------------------------------------------------- */
.nz-tone-brand {
    --nz-sym-color: #16877A;
    --nz-word-color: #18201F;
    --nz-word-dot: #16877A;
    --nz-sub-color: #687471;
}

/* Sobre fundo escuro (navbar do app, site) */
.nz-tone-light {
    --nz-sym-color: #ffffff;
    --nz-word-color: #ffffff;
    --nz-word-dot: #A8D9D2;
    --nz-sub-color: rgba(255, 255, 255, .82);
}

.nz-tone-dark {
    --nz-sym-color: #18201F;
    --nz-word-color: #18201F;
    --nz-word-dot: #16877A;
    --nz-sub-color: #687471;
}

/* --------------------------------------------------------------------------
   Símbolo (BrandSymbol) - marca N em SVG, pintada com --nz-sym-color
   -------------------------------------------------------------------------- */
.nz-symbol {
    display: inline-block;
    flex: 0 0 auto;
    width: var(--nz-sym-size, 40px);
    height: var(--nz-sym-size, 40px);
    line-height: 0;
    color: var(--nz-sym-color, #16877A);
    background-color: currentColor;
    -webkit-mask: url("../img/noltyz-mark.svg") center / contain no-repeat;
    mask: url("../img/noltyz-mark.svg") center / contain no-repeat;
}

/* --------------------------------------------------------------------------
   Wordmark (BrandWordmark) - reaproveita a identidade do noltyz.site
   -------------------------------------------------------------------------- */
.nz-wordmark {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    font-size: var(--nz-word-size, 1.35rem);
    color: var(--nz-word-color, #1f2937);
    white-space: nowrap;
}

.nz-wordmark__dot {
    color: var(--nz-word-dot, #16877A);
}

/* --------------------------------------------------------------------------
   Conjunto (Brand) - símbolo + texto (+ subtítulo opcional)
   -------------------------------------------------------------------------- */
.nz-brand {
    display: inline-flex;
    align-items: center;
    gap: var(--nz-brand-gap, .6rem);
    line-height: 1;
    text-decoration: none;
}

.nz-brand__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .2rem;
}

.nz-brand__subtitle {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .005em;
    line-height: 1.1;
    font-size: var(--nz-sub-size, .78rem);
    color: var(--nz-sub-color, #64748b);
    white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Variantes - definem tamanhos (herdados pelo símbolo, texto e subtítulo)
   -------------------------------------------------------------------------- */
.nz-brand--login {
    --nz-sym-size: 80px;
    --nz-word-size: 2.55rem;
    --nz-sub-size: .92rem;
    --nz-brand-gap: 1.1rem;
}

    .nz-brand--login .nz-brand__text {
        align-items: flex-start;
    }

.nz-brand--navbar {
    --nz-sym-size: 52px;
    --nz-word-size: 1.5rem;
    --nz-brand-gap: .6rem;
}

.nz-brand--compact {
    --nz-sym-size: 46px;
    --nz-word-size: 1.28rem;
    --nz-brand-gap: .5rem;
}

.nz-brand--footer {
    --nz-sym-size: 36px;
    --nz-word-size: 1.3rem;
    --nz-brand-gap: .55rem;
}