/* ================================================================
   CRM Cartfy — Design tokens (light theme editorial)
   Baseado em DESIGN-crm-cartfy.md
   ================================================================ */
:root {
  /* Cores primárias Cartfy */
  --primary:            #0047AB;
  --primary-hover:      #003C93;
  --primary-pressed:    #003278;
  --primary-soft:       #E6EFFF;
  --primary-soft-hover: #D1E1FF;
  --on-primary:         #FFFFFF;

  --accent:             #378ADD;
  --accent-soft:        #EEF6FE;

  /* Canvas (claro) */
  --canvas:             #FBFBFA;
  --canvas-soft:        #F5F7FA;
  --canvas-cream:       #FBF6EE;
  --surface:            #FFFFFF;
  --surface-hover:      #F8F9FB;

  /* Ink (texto) */
  --ink:                #0A1628;
  --ink-secondary:      #334463;
  --ink-muted:          #5C6A80;
  --ink-subtle:         #8A94A6;
  --ink-tertiary:       #B4BCC9;

  /* Hairlines */
  --hairline:           #E8ECF1;
  --hairline-strong:    #D0D6E0;
  --hairline-input:     #C8D0DC;

  /* Inverse (sidebar / avatares escuros) */
  --inverse-canvas:     #0A1628;
  --inverse-surface:    #152238;
  --inverse-ink:        #F0F4FA;
  --inverse-ink-muted:  #8A94A6;

  /* Semânticas */
  --success:            #0BB37D;
  --success-soft:       #E1F7EE;
  --warning:            #F5A623;
  --warning-soft:       #FEF3E0;
  --danger:             #E5484D;
  --danger-soft:        #FDE7E7;
  --info:               #378ADD;
  --info-soft:          #EEF6FE;

  /* Estágios kanban */
  --stage-new:          #8A94A6;
  --stage-contacted:    #378ADD;
  --stage-qualified:    #0BB37D;
  --stage-proposal:     #F5A623;
  --stage-won:          #0047AB;
  --stage-lost:         #E5484D;

  /* Temperatura do lead */
  --temp-hot:           #E5484D;
  --temp-warm:          #F5A623;
  --temp-cold:          #378ADD;

  /* Radius */
  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-pill: 999px;

  /* Shadows */
  --sh-xs: 0 1px 2px rgba(10,22,40,0.04);
  --sh-sm: 0 2px 6px rgba(10,22,40,0.06), 0 1px 2px rgba(10,22,40,0.04);
  --sh-md: 0 4px 12px rgba(10,22,40,0.08), 0 2px 4px rgba(10,22,40,0.04);
  --sh-lg: 0 12px 32px rgba(10,22,40,0.10), 0 4px 8px rgba(10,22,40,0.05);
  --sh-xl: 0 24px 60px rgba(10,22,40,0.14);
  --sh-focus: 0 0 0 3px rgba(0,71,171,0.18);
  --sh-focus-danger: 0 0 0 3px rgba(229,72,77,0.18);

  /* Espaçamentos base */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;

  /* Tipografia */
  --font-display: 'Montserrat', 'SF Pro Display', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', 'Montserrat', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Sidebar */
  --sidebar-width: 240px;
  --topbar-height: 60px;
}