/* =============================================================================
   v2-tokens.css — Design tokens da plataforma de afiliados (variante Conservadora)
   Baseado em /tokens.jsx do design original
   ============================================================================= */

:root {
    /* ── PALETTE ──────────────────────────────────────────────────────────── */
    --v2-primary:        #D01F3C;
    --v2-primary-deep:   #A51530;
    --v2-primary-hover:  #E52848;
    --v2-primary-soft:   #FFF0F2;

    --v2-accent:         #F5C830;

    --v2-success:        #2F8A57;
    --v2-success-soft:   #E6F2EB;

    --v2-warning:        #C27820;
    --v2-warning-soft:   #F7EEDF;

    --v2-danger:         #BC3B3B;
    --v2-danger-soft:    #F6E6E6;

    /* ── SURFACES ─────────────────────────────────────────────────────────── */
    --v2-bg:             #FFF8CF;
    --v2-surface:        #FFFFFF;
    --v2-surface-alt:    #FFF5E8;
    --v2-border:         #F0E4C8;
    --v2-border-strong:  #E0CBA8;

    /* ── TEXT ─────────────────────────────────────────────────────────────── */
    --v2-text:           #1D1E1C;
    --v2-text-muted:     #5A4840;
    --v2-text-dim:       #9A8A78;

    /* ── BRANDS (cores reais Publitech) ──────────────────────────────────────── */
    --v2-brand-1-c1: #E60000; --v2-brand-1-c2: #8B0000; /* Nescafé Dolce Gusto */
    --v2-brand-2-c1: #1A1A1A; --v2-brand-2-c2: #3D2817; /* Nespresso */
    --v2-brand-3-c1: #0066CC; --v2-brand-3-c2: #003D7A; /* NHS */
    --v2-brand-4-c1: #7B2D8E; --v2-brand-4-c2: #4A1259; /* Kopenhagen */
    --v2-brand-5-c1: #F58220; --v2-brand-5-c2: #E6541A; /* FamilyNes */
    --v2-brand-6-c1: #00A859; --v2-brand-6-c2: #006837; /* Puravida */
    --v2-brand-7-c1: #0066B3; --v2-brand-7-c2: #003D7A; /* RH-Publitech */

    /* ── RADIUS ───────────────────────────────────────────────────────────── */
    --v2-radius:        16px;
    --v2-radius-sm:      10px;
    --v2-radius-lg:      20px;
    --v2-radius-pill:    999px;

    /* ── SHADOWS ──────────────────────────────────────────────────────────── */
    --v2-shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.04);
    --v2-shadow-md:  0 4px 12px rgba(0, 0, 0, 0.06);
    --v2-shadow-lg:  0 10px 24px -8px rgba(0, 0, 0, 0.12);

    /* ── FONT ─────────────────────────────────────────────────────────────── */
    --v2-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

    /* ── LAYOUT ───────────────────────────────────────────────────────────── */
    --v2-sidebar-w:      280px;     /* sidebar fixa desktop */
    --v2-content-max:    1100px;    /* largura máxima do conteúdo desktop */
    --v2-mobile-pad:     16px;
}

/* =============================================================================
   RESET MÍNIMO
   ============================================================================= */
.v2-app *,
.v2-app *::before,
.v2-app *::after {
    box-sizing: border-box;
}

.v2-app {
    margin: 0;
    padding: 0;
    font-family: var(--v2-font);
    color: var(--v2-text);
    background: var(--v2-bg);
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}

.v2-app a {
    color: var(--v2-primary);
    text-decoration: none;
}

.v2-app button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    color: inherit;
}

.v2-app input,
.v2-app select,
.v2-app textarea {
    font-family: inherit;
    color: inherit;
}

/* Scrollbar mais discreta */
.v2-app ::-webkit-scrollbar { width: 6px; height: 6px; }
.v2-app ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); border-radius: 10px; }