/* ============================================================================
   IRRIGANTES (AIEMS) — tokens de design
   Fonte: prints de referência (dashboards "Payno"/"Flux" — glass claro, cards
   translúcidos, tipografia fina, badges pequenas) + cores do logo AIEMS
   (marinho #0a4468 · verde-limão #94c83d).
   REGRA: nenhuma cor/tamanho solto no sistema — tudo sai daqui.
   ========================================================================== */
:root{
  /* ── Marca ─────────────────────────────────────────────── */
  --irg-marca:        #0a4468;   /* marinho do logo — botão primário, títulos fortes */
  --irg-marca-600:    #0d5582;
  --irg-marca-100:    #e3edf5;
  --irg-acento:       #94c83d;   /* verde-limão do logo — CTA de destaque (1 por tela) */
  --irg-acento-700:   #6c9a24;
  --irg-acento-100:   #eef6df;

  /* ── Superfícies (glass claro) ─────────────────────────── */
  --irg-fundo:        #e2e8ef;
  --irg-fundo-grad:   radial-gradient(1200px 600px at 85% -10%, rgba(10,68,104,.20), transparent 60%),
                      radial-gradient(900px 500px at 10% 110%, rgba(148,200,61,.16), transparent 60%),
                      #e2e8ef;
  --irg-card:         rgba(255,255,255,.84);
  --irg-card-solido:  #ffffff;
  --irg-card-inner:   rgba(248,250,252,.92);   /* card dentro de card (lista, item) */
  --irg-card-borda:   rgba(15,35,60,.10);   /* contorno visível (antes branco sobre claro = sumia) */
  --irg-blur:         saturate(160%) blur(14px);
  --irg-linha:        rgba(15,35,60,.12);      /* divisória de tabela */
  --irg-borda-ctrl:   rgba(15,35,60,.20);      /* contorno de input/select/botão */
  --irg-hover:        rgba(10,68,104,.06);

  /* ── Texto ─────────────────────────────────────────────── */
  --irg-texto:        #0f1d2b;
  --irg-texto-2:      #34465a;
  --irg-texto-3:      #5f7084;
  --irg-texto-inv:    #ffffff;

  /* ── Status (badges) ───────────────────────────────────── */
  --irg-ok:       #15803d;  --irg-ok-bg:     #dcf5e3;
  --irg-alerta:   #b45309;  --irg-alerta-bg: #fdf0d5;
  --irg-erro:     #b91c1c;  --irg-erro-bg:   #fde4e4;
  --irg-info:     #1d5f9a;  --irg-info-bg:   #e0edf9;
  --irg-neutro:   #3f4d5c;  --irg-neutro-bg: #e4e9ef;
  --irg-roxo:     #6d28d9;  --irg-roxo-bg:   #ede7fb;   /* "em análise" */

  /* ── Tipografia ────────────────────────────────────────── */
  --irg-fonte:     "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --irg-fs-xs:     .6875rem;  /* 11px — rótulo de badge, legenda */
  --irg-fs-sm:     .75rem;    /* 12px — tabela, label */
  --irg-fs-base:   .8125rem;  /* 13px — corpo (denso) */
  --irg-fs-md:     .9375rem;  /* 15px — título de card */
  --irg-fs-lg:     1.25rem;   /* 20px — título de página */
  --irg-fs-kpi:    1.75rem;   /* 28px — número de KPI (peso fino) */
  --irg-peso-fino: 300;
  --irg-peso-med:  500;
  --irg-peso-forte:650;

  /* ── Forma e espaço (compacto) ─────────────────────────── */
  --irg-raio-card:  13px;
  --irg-raio-inner: 9px;
  --irg-raio-ctrl:  7px;      /* input, select, botão */
  --irg-raio-pill:  999px;
  --irg-esp-1: 3px; --irg-esp-2: 6px; --irg-esp-3: 8px; --irg-esp-4: 11px; --irg-esp-5: 16px;
  --irg-ctrl-h:     30px;     /* altura de input/botão */
  --irg-linha-tab:  28px;     /* altura de linha de tabela */

  /* ── Sombras ───────────────────────────────────────────── */
  --irg-sombra-card: 0 1px 0 rgba(255,255,255,.9) inset, 0 1px 2px rgba(15,35,60,.06), 0 8px 24px rgba(15,35,60,.09);
  --irg-sombra-pop:  0 18px 50px rgba(15,35,60,.18);
  --irg-foco:        0 0 0 3px rgba(10,68,104,.18);
}

/* ── Tema escuro ─────────────────────────────────────────── */
@media (prefers-color-scheme: dark){
  :root:not([data-tema="claro"]){
    --irg-marca:#5aa7d6; --irg-marca-600:#7bbbe2; --irg-marca-100:#12324a;
    --irg-acento:#a6d65a; --irg-acento-700:#c3e48d; --irg-acento-100:#24341a;
    --irg-fundo:#0d151d;
    --irg-fundo-grad: radial-gradient(1200px 600px at 85% -10%, rgba(90,167,214,.14), transparent 60%),
                      radial-gradient(900px 500px at 10% 110%, rgba(166,214,90,.08), transparent 60%), #0d151d;
    --irg-card:rgba(26,37,49,.86); --irg-card-solido:#16212c; --irg-card-inner:rgba(255,255,255,.04);
    --irg-card-borda:rgba(255,255,255,.11); --irg-linha:rgba(255,255,255,.11); --irg-borda-ctrl:rgba(255,255,255,.20); --irg-hover:rgba(255,255,255,.04);
    --irg-texto:#eef3f8; --irg-texto-2:#bcc8d4; --irg-texto-3:#8fa0b1;
    --irg-ok:#4ade80; --irg-ok-bg:rgba(74,222,128,.12); --irg-alerta:#fbbf24; --irg-alerta-bg:rgba(251,191,36,.12);
    --irg-erro:#f87171; --irg-erro-bg:rgba(248,113,113,.12); --irg-info:#7cb8e8; --irg-info-bg:rgba(124,184,232,.12);
    --irg-neutro:#a9b6c3; --irg-neutro-bg:rgba(255,255,255,.07); --irg-roxo:#b69cf5; --irg-roxo-bg:rgba(182,156,245,.12);
    --irg-sombra-card:0 8px 28px rgba(0,0,0,.35); --irg-sombra-pop:0 18px 50px rgba(0,0,0,.55);
    --irg-foco:0 0 0 3px rgba(90,167,214,.3);
  }
}
:root[data-tema="escuro"]{
  --irg-marca:#5aa7d6; --irg-marca-600:#7bbbe2; --irg-marca-100:#12324a;
  --irg-acento:#a6d65a; --irg-acento-700:#c3e48d; --irg-acento-100:#24341a;
  --irg-fundo:#0d151d;
  --irg-fundo-grad: radial-gradient(1200px 600px at 85% -10%, rgba(90,167,214,.14), transparent 60%),
                    radial-gradient(900px 500px at 10% 110%, rgba(166,214,90,.08), transparent 60%), #0d151d;
  --irg-card:rgba(26,37,49,.86); --irg-card-solido:#16212c; --irg-card-inner:rgba(255,255,255,.04);
  --irg-card-borda:rgba(255,255,255,.11); --irg-linha:rgba(255,255,255,.11); --irg-borda-ctrl:rgba(255,255,255,.20); --irg-hover:rgba(255,255,255,.04);
  --irg-texto:#eef3f8; --irg-texto-2:#bcc8d4; --irg-texto-3:#8fa0b1;
  --irg-ok:#4ade80; --irg-ok-bg:rgba(74,222,128,.12); --irg-alerta:#fbbf24; --irg-alerta-bg:rgba(251,191,36,.12);
  --irg-erro:#f87171; --irg-erro-bg:rgba(248,113,113,.12); --irg-info:#7cb8e8; --irg-info-bg:rgba(124,184,232,.12);
  --irg-neutro:#a9b6c3; --irg-neutro-bg:rgba(255,255,255,.07); --irg-roxo:#b69cf5; --irg-roxo-bg:rgba(182,156,245,.12);
  --irg-sombra-card:0 8px 28px rgba(0,0,0,.35); --irg-sombra-pop:0 18px 50px rgba(0,0,0,.55);
  --irg-foco:0 0 0 3px rgba(90,167,214,.3);
}