/* =============================================================
   WeDOTalent — Design Tokens do protótipo do produto (LIA)
   Fonte: design system do ai-ui (monocromático + acentos WeDO)
   REGRA: nenhuma cor hex fora deste arquivo. Use var(--token).
   ============================================================= */

:root {
  /* --- Backgrounds --- */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F9FAFB;
  --bg-tertiary: #F3F4F6;
  --bg-inverse: #1F2937;

  /* --- Bordas --- */
  --border-subtle: #E5E7EB;
  --border-default: #D1D5DB;
  --border-medium: #9CA3AF;

  /* --- Texto --- */
  --text-primary: #111827;
  --text-secondary: #6B7280;
  --text-tertiary: #9CA3AF;
  --text-disabled: #D1D5DB;
  --text-inverse: #FFFFFF;

  /* --- Interação (monocromático) --- */
  --interactive-hover: #F3F4F6;
  --interactive-active: #E5E7EB;
  --focus-ring: rgba(96, 190, 209, 0.35);

  /* --- Acentos WeDO (uso estratégico, ~10% da tela) --- */
  --wedo-cyan: #60BED1;        /* LIA, IA, destaque inteligente */
  --wedo-cyan-dark: #4DA8BB;
  --wedo-cyan-light: #B8E0EA;
  --wedo-cyan-bg: rgba(96, 190, 209, 0.12);
  --wedo-green: #5DA47A;       /* sucesso, aprovação, candidatos */
  --wedo-green-bright: #60D186;
  --wedo-green-bg: rgba(93, 164, 122, 0.12);
  --wedo-orange: #D19960;      /* atenção, warning */
  --wedo-orange-bg: rgba(209, 153, 96, 0.14);
  --wedo-purple: #9860D1;      /* insights, análises IA */
  --wedo-purple-bg: rgba(152, 96, 209, 0.12);
  --wedo-magenta: #D160AB;     /* urgência, prioridade alta */
  --wedo-magenta-bg: rgba(209, 96, 171, 0.12);
  --wedo-amber: #F59E0B;       /* análises, warning vibrante */
  --wedo-amber-hover: #D97706;
  --lia-coral: #C74446;        /* identidade LIA — uso MÍNIMO */
  --lia-coral-hover: #B23B3D;
  --lia-coral-bg: #FEF2F2;
  --status-error: #DC2626;
  --status-error-bg: rgba(220, 38, 38, 0.08);
  --status-warning: #D97706;
  --status-success: #16A34A;
  --brand-blue: #3B82F6;       /* informativo/legado — preferir cyan */
  --brand-blue-bg: rgba(59, 130, 246, 0.10);

  /* --- Sombras --- */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.03);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.06);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08);
  --shadow-float: 0 8px 24px rgb(0 0 0 / 0.14);

  /* --- Tipografia --- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-xs: 11px;
  --text-sm: 12.5px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 26px;

  /* --- Espaçamento / raio --- */
  --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: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-full: 999px;

  /* --- Layout --- */
  --sidebar-width: 232px;
  --topbar-height: 56px;

  /* --- Z-index --- */
  --z-topbar: 30; --z-sidebar: 40; --z-modal: 100; --z-toolbar: 200; --z-toast: 300;
}