/* =====================================================================
   prime-tokens.css — PRIME Design System
   Fonte de verdade: prime-ui.css do pacote de design.
   Nunca inventar valores fora desta lista.
   Carregado PRIMEIRO em index.html (antes de style.css).
   ===================================================================== */

/* Fontes */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Open+Sans:wght@400;600;700&family=Saira:ital,wght@1,800&display=swap');

:root {
  /* ── Cor de marca ────────────────────────────────────── */
  --red:        #D81F2A;   /* ação / acento — botões primários, ativo, badges */
  --red-deep:   #B0151F;   /* hover de botões vermelhos */
  --red-soft:   #FCE9EA;   /* fundos suaves (badges, ícones) */
  --green:      #1E9E57;   /* sucesso, "Ativo", "Approved" */
  --green-soft: #E4F5EC;
  --amber:      #E8920C;   /* aviso, ausências, pendente */
  --amber-soft: #FCF0DC;
  --blue:       #2563C9;   /* categoria: tipo Projeto, área Gestão Documental */
  --purple:     #7A4CD0;   /* categoria: Consultoria, Dev à Medida */

  /* ── Neutros ─────────────────────────────────────────── */
  --ink:   #15161A;   /* sidebar e fundos mais escuros */
  --ink-2: #1C1E24;   /* superfície elevada na sidebar */
  --ink-3: #2A2D35;   /* bordas/hover na sidebar */
  --g-900: #1A1C20;   /* texto primário */
  --g-700: #474747;   /* texto secundário (graphite da marca) */
  --g-500: #6E7178;   /* texto muted */
  --g-400: #9A9CA3;   /* placeholder, contagens */
  --g-300: #C9CBD1;
  --g-200: #E5E6EA;   /* bordas */
  --g-100: #EFF0F3;   /* linhas / tracks de progresso */
  --g-50:  #F6F7F9;   /* fundo da aplicação */
  --white: #FFFFFF;

  /* ── Tipografia ──────────────────────────────────────── */
  --f-ui:      'Poppins',   system-ui, sans-serif; /* UI: títulos, labels, botões */
  --f-data:    'Open Sans', system-ui, sans-serif; /* corpo, tabelas, datas, notas */
  --f-display: 'Saira',     system-ui, sans-serif; /* APENAS o wordmark "PRIME" */

  /* ── Raios ───────────────────────────────────────────── */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;

  /* ── Sombras ─────────────────────────────────────────── */
  --sh-1: 0 1px 2px rgba(20,22,28,.04), 0 1px 3px rgba(20,22,28,.06); /* cards */
  --sh-2: 0 2px 6px rgba(20,22,28,.05), 0 8px 24px rgba(20,22,28,.07); /* hover/elevado */
  --sh-3: 0 12px 40px rgba(20,22,28,.14);                               /* modais, popovers */

  /* ── Aliases legacy (usados em módulos antigos sem redefinição própria) ── */
  --cor-primaria:   #D81F2A;
  --cor-borda:      #E5E6EA;
  --cor-borda-input:#C9CBD1;
  --cor-fundo:      #F6F7F9;
  --cor-superficie: #FFFFFF;
  --cor-texto:      #1A1C20;
  --cor-texto-sec:  #6E7178;
  --cor-sucesso:    #1E9E57;
  --cor-aviso:      #E8920C;
  --cor-perigo:     #D03030;
  --cor-bg:         #F6F7F9;
  --raio:           8px;
  --texto:          #1A1C20;
  --fundo:          #F6F7F9;
  --hover-bg:       rgba(0,0,0,.04);
  --bg-principal:   #F6F7F9;
}