/* ProvérbiosCRM — design tokens */
:root {
    /* Base */
    --bg-primary: #06060f;
    --bg-elevated: #080816;
    --bg-deep: #040410;
    --text-primary: #ffffff;
    --text-body: #ffffff;
    --text-muted: #ffffff;
    --text-faint: #ffffff;

    /* Brand */
    --brand-violet: #8b5cf6;
    --brand-violet-dark: #7c3aed;
    --brand-violet-light: #a78bfa;
    --brand-pink: #ec4899;
    --brand-gradient: linear-gradient(135deg, var(--brand-violet-dark), var(--brand-pink));
    --brand-shadow: 0 4px 24px rgba(124, 58, 237, 0.35);

    /* Promo BF — acento comercial */
    --bf-gold: #f5d77a;
    --bf-gold-dark: #d4af37;
    --bf-gold-muted: rgba(212, 175, 55, 0.12);
    --bf-gold-border: rgba(212, 175, 55, 0.28);
    --bf-gradient: linear-gradient(135deg, var(--bf-gold-dark), var(--bf-gold));

    /* Glass */
    --glass-bg: rgba(255, 255, 255, 0.02);
    --glass-bg-hover: rgba(255, 255, 255, 0.04);
    --glass-border: rgba(139, 92, 246, 0.12);
    --glass-border-hover: rgba(139, 92, 246, 0.32);
    --glass-radius: 1.25rem;
    --glass-blur: blur(20px);

    /* Layout — fluido até ~112rem em telas grandes */
    --shell-max: 72rem;
    --shell-wide-fluid: clamp(76rem, 88vw, 112rem);
    --shell-wide-max: 112rem;
    --hero-copy-max: 44rem;
    --hero-preview-max: 52rem;
    --hero-stats-max: 56rem;
    --header-height: 4rem;

    /* Typography */
    --font-sans: "Inter", system-ui, sans-serif;
    --font-size-xs: 0.6875rem;
    --font-size-sm: 0.8125rem;
    --font-size-base: 0.9375rem;
    --font-size-lg: 1.0625rem;

    /* Sub-brand Indique */
    --indique-emerald: #10b981;
}

/* QHD / ultrawide (ex.: 2560×1440) — demais resoluções ficam no clamp padrão */
@media (min-width: 2200px) {
    :root {
        --shell-wide-fluid: min(94vw, 126rem);
    }
}