/* tokens.css — design tokens unificados Geotechnical TPF
   Single source of truth para Hub (5052), CPTu (5050), Piezômetros (5051) e Marcas (5053).
   Fusão híbrida: Inter + paleta vibrante de Marcas (#0067FF/#0096FF) + radius 8px. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Tipografia ─────────────────────────── */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* ── Paleta de marca (Marcas-derived) ───── */
  --accent:        #0067FF;   /* azul primário (ações, links, ativos) */
  --accent-h:      #0052cc;   /* azul hover */
  --accent-l:      #eaf2ff;   /* azul soft (backgrounds tint, badges) */
  --accent-2:      #0096FF;   /* cyan secundário (hovers, gradientes, marker scale) */
  --accent-2-l:    #e6f4ff;   /* cyan soft */
  --accent-legacy: #1664d9;   /* alias compatibilidade — uso restrito durante migração */

  /* ── Destaque laranja TPF (ACENTO restrito, NÃO tema) ───
     Uso pontual: 1–2 botões pequenos e um toque em gráfico.
     O azul (--accent) continua a ser o tema primário. */
  --tpf-highlight:            #FD6B3F;
  --tpf-highlight-strong:     #e2551f;
  --tpf-highlight-soft:       rgba(253,107,63,0.10);
  --tpf-highlight-soft-strong:rgba(253,107,63,0.18);
  --tpf-highlight-ring:       rgba(253,107,63,0.30);

  /* ── Backgrounds ────────────────────────── */
  --bg:        #f4f6f8;
  --surface:   #ffffff;
  --surface-2: #f8fafb;

  /* ── Borders ────────────────────────────── */
  --border:   rgba(0, 103, 255, 0.16);   /* azul suave — assinatura TPF */
  --border-2: rgba(0, 103, 255, 0.28);

  /* ── Texto ──────────────────────────────── */
  --text:   #003974;   /* deep navy TPF — alinhado com identidade Marcas */
  --text-2: #4a6080;
  --text-3: #7a90a4;
  /* Aliases compat (CPTu/Piez) */
  --text2:   var(--text-2);
  --text3:   var(--text-3);
  --border2: var(--border-2);

  /* ── Status semânticos ──────────────────── */
  --red:    #d64545;
  --red-l:  #fff5f5;
  --green:  #15803d;
  --green-l:#f0fdf4;
  --gold:   #b7791f;
  --gold-l: #fff9eb;
  --blue:   var(--accent);

  /* ── Raios ──────────────────────────────── */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 14px;

  /* ── Sombras ────────────────────────────── */
  --shadow:    0 1px 3px rgba(15,23,42,.08);
  --shadow-md: 0 4px 16px rgba(15,23,42,.12);
  --shadow-lg: 0 16px 42px rgba(15,23,42,.12);

  /* ── Papéis de utilizador (role badges) ── */
  --role-viewer-bg:   #DBEAFE;  --role-viewer-fg:   #1E40AF;
  --role-editor-bg:   #BFDBFE;  --role-editor-fg:   #1D4ED8;
  --role-projadm-bg:  #3B82F6;  --role-projadm-fg:  #FFFFFF;
  --role-admin-bg:    #003974;  --role-admin-fg:    #FFFFFF;

  /* ── Espaçamentos ───────────────────────── */
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 24px;
}