/* _tokens.css — design tokens extraídos fielmente do protótipo Claude Design
 * (design_handoff_crm_modernizacao/CRM Imobiliário.dc.html). Prefixo --pd-* pra
 * NÃO colidir com as vars existentes do app (--brand-primary etc). As telas
 * redesenhadas (Central, Diligência, Gestões, Ajustes) referenciam estes tokens. */
:root {
    /* Marca RE/MAX */
    --pd-brand:        #003DA5;
    --pd-brand-hover:  #0A4DBA;
    --pd-brand-soft:   #E9F1FC;
    --pd-accent:       #E4002B;
    --pd-accent-soft:  #FCE8EC;

    /* Semânticos */
    --pd-green:        #0B8F62;
    --pd-green-soft:   #E2F5EE;
    --pd-gold:         #C2790C;
    --pd-gold-deep:    #9C7400;
    --pd-purple:       #7C4DD6;

    /* Superfícies + texto */
    --pd-surface:      #FFFFFF;
    --pd-surface-2:    #F3F6FA;
    --pd-border:       #E4E8EE;
    --pd-border-2:     #E9ECF1;
    --pd-text:         #101A2B;
    --pd-text-2:       #33425A;
    --pd-muted:        #647084;
    --pd-muted-2:      #5B6B82;
    --pd-faint:        #98A2B3;

    /* Raio */
    --pd-r-xs: 5px;
    --pd-r-sm: 8px;
    --pd-r:    11px;
    --pd-r-lg: 12px;
    --pd-r-pill: 20px;

    /* Sombras (coloridas, soft, spread negativo — assinatura do protótipo) */
    --pd-shadow-sm:    0 4px 12px -4px rgba(8,14,26,.14);
    --pd-shadow:       0 18px 40px -18px rgba(8,14,26,.4);
    --pd-shadow-lg:    0 24px 60px -24px rgba(8,14,26,.5);
    --pd-shadow-brand: 0 8px 20px -8px rgba(0,61,165,.5);
    --pd-shadow-green: 0 6px 16px -8px rgba(11,143,98,.5);

    /* Tipografia */
    --pd-font: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
    --pd-mono: 'JetBrains Mono', ui-monospace, monospace;
}