/* tokens.css — Design Tokens Premium (Light & Dark) */
:root {
  /* ====================== */
  /* LIGHT THEME (Default)  */
  /* ====================== */
  --bg:          #F7F7F9;
  --surface:     #FFFFFF;
  --surface-2:   #F0F0F4;
  --card:        #FFFFFF;
  --card-hover:  #FAFAFC;
  
  /* Traços Fortes de Borda */
  --border:      #E2E2E8;
  --border-light:#F0F0F4;
  
  /* Primárias - Rosa Bebê Premium */
  --primary:     #FFA6C9;
  --primary-dim: rgba(255, 166, 201, 0.15);
  --primary-glow:rgba(255, 166, 201, 0.4);
  --primary-fg:  #000000; /* Texto sobre o rosa */

  /* Textos - Preto Absoluto */
  --text:        #000000;
  --text-2:      #555560;
  --text-3:      #888894;
  --text-inv:    #FFFFFF;

  /* Semânticas */
  --success:     #000000; /* Cores sérias, menos arco-íris */
  --success-dim: rgba(0,0,0, 0.05);
  --warning:     #000000;
  --warning-dim: rgba(0,0,0, 0.05);
  --danger:      #E03131;
  --danger-dim:  rgba(224, 49, 49, 0.1);
  --info:        #000000;
  --info-dim:    rgba(0,0,0, 0.05);

  /* Espaçamento e Formas (Sério, Robusto) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --radius-sm: 4px; --radius: 6px; --radius-lg: 8px; --radius-xl: 12px;
  
  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow:    0 4px 12px rgba(0,0,0,0.04);
  --shadow-lg: 0 12px 24px rgba(0,0,0,0.06);
}

/* ====================== */
/* DARK THEME             */
/* ====================== */
[data-theme='dark'] {
  --bg:          #050505;
  --surface:     #0A0A0A;
  --surface-2:   #121212;
  --card:        #0A0A0A;
  --card-hover:  #141414;
  
  /* Traços Fortes de Branco no Dark Mode */
  --border:      #2A2A2A;
  --border-light:#1F1F1F;
  
  /* Primárias - Rosa Bebê (Mantém) */
  --primary:     #FFA6C9;
  --primary-dim: rgba(255, 166, 201, 0.15);
  --primary-glow:rgba(255, 166, 201, 0.3);
  --primary-fg:  #000000; /* O Rosa bebê sempre precisa de texto preto para contraste */

  /* Textos - Branco Absoluto */
  --text:        #FFFFFF;
  --text-2:      #A0A0A0;
  --text-3:      #666666;
  --text-inv:    #000000;
  
  /* Semânticas */
  --success:     #FFFFFF; 
  --success-dim: rgba(255,255,255, 0.1);
  --warning:     #FFFFFF;
  --warning-dim: rgba(255,255,255, 0.1);
  --danger:      #FF6B6B;
  --danger-dim:  rgba(255, 107, 107, 0.15);
  --info:        #FFFFFF;
  --info-dim:    rgba(255,255,255, 0.1);

  /* Sombras invisíveis no escuro (substituídas por bordas) */
  --shadow-sm: none;
  --shadow:    none;
  --shadow-lg: none;
}