/**
 * YuiaNF - Variáveis e Design Tokens
 * Tema: Dark & Carmesim (Identidade visual Yuia)
 */
:root {
  /* Cores Principais */
  --bg: #040407;
  --bg-subtle: #090a0f;
  --card: rgba(15, 16, 23, 0.85);
  --card-hover: rgba(23, 25, 36, 0.95);
  
  /* Bordas */
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(229, 46, 64, 0.35);
  --border-focus: #e52e40;
  
  /* Tipografia e Textos */
  --text: #ffffff;
  --text-muted: #9ca3af;
  --text-dim: #6b7280;
  
  /* Acentos Yuia (Vermelho Carmesim) */
  --primary: #e52e40;
  --primary-hover: #ff3850;
  --primary-active: #c81e30;
  --primary-glow: rgba(229, 46, 64, 0.4);
  --primary-gradient: linear-gradient(135deg, #e52e40 0%, #c81e30 100%);
  --accent-red: #ff3b5c;
  
  /* Cores de Status Funcional */
  --success: #10b981;
  --success-bg: rgba(16, 185, 129, 0.12);
  --success-border: rgba(16, 185, 129, 0.25);
  
  --warning: #f59e0b;
  --warning-bg: rgba(245, 158, 11, 0.12);
  --warning-border: rgba(245, 158, 11, 0.25);
  
  --info: #06b6d4;
  --info-bg: rgba(6, 182, 212, 0.12);
  --info-border: rgba(6, 182, 212, 0.25);
  
  --danger: #ef4444;
  --danger-bg: rgba(239, 68, 68, 0.12);
  --danger-border: rgba(239, 68, 68, 0.25);
  
  /* Dimensões e Raios */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 9999px;
  
  /* Famílias Tipográficas */
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}