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

:root {
    /* ── PALETTE ──────────────────────────────────────────────────────────── */
    --v2-primary:        #00509D;
    --v2-primary-deep:   #003D7A;
    --v2-primary-hover:  #0065C2;
    --v2-primary-soft:   #E4EEF8;

    --v2-accent:         #00509D;

    --v2-success:        #1A7A3E;
    --v2-success-soft:   #E1F2E7;

    --v2-warning:        #D97A1F;
    --v2-warning-soft:   #FBEEDC;

    --v2-danger:         #C72A2A;
    --v2-danger-soft:    #FBE5E5;

    /* ── SURFACES ─────────────────────────────────────────────────────────── */
    --v2-bg:             #F3F4F7;
    --v2-surface:        #FFFFFF;
    --v2-surface-alt:    #F7F8FB;
    --v2-border:         #E5E7EE;
    --v2-border-strong:  #D1D5DF;

    /* ── TEXT ─────────────────────────────────────────────────────────────── */
    --v2-text:           #0B1023;
    --v2-text-muted:     #5B6478;
    --v2-text-dim:       #8A93A6;

    /* ── BRANDS (cores reais Nestlé) ──────────────────────────────────────── */
    --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-Nestlé */

    /* ── 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; }