/* ============================================================
   ADN Flow — base.css
   Variáveis globais, reset e tipografia
   (equivalente ao _base.scss do GLPI)
   ============================================================ */

/* Inter — mesma fonte do GLPI/Tabler */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Sidebar / menu — padrão GLPI exato */
  --mm-bg:  #2f3f64;
  --mm-fg:  #f4f6fa;
  --mm-fg2: rgba(244,246,250,.6);

  /* Cores primárias */
  --primary:     #FEC95C;
  --primary-fg:  #1e293b;
  --primary-dim: rgba(254,201,92,.28);

  /* Layout */
  --body-bg:  #f5f7fb;
  --surface:  #ffffff;
  --surface2: #fafbfc;
  --card-cap: #f8f9fa;
  --border:   #e6e8ec;

  /* Texto */
  --text:   #1e293b;
  --muted:  #606f91;
  --link:   #3a5693;

  /* Badges */
  --badge-bg: rgba(58,86,147,.10);
  --badge-fg: #3a5693;

  /* Semânticas */
  --success: #22c55e;
  --warning: #f59e0b;
  --danger:  #ef4444;
  --info:    #3b82f6;

  /* Topbar / sidebar */
  --topbar-h:          60px;
  --sidebar-w:         250px;
  --sidebar-collapsed: 70px;
}

/* ── Paletas (tom mais claro que o padrão; só padrão é idêntico ao GLPI) ── */
[data-palette="adn"]      { --mm-bg:#7a2b5e; --primary:#fce7f3; --primary-fg:#3b0a25; --primary-dim:rgba(252,231,243,.28); --link:#a83b7e; --badge-bg:rgba(168,59,126,.1); --badge-fg:#9b2f73; }
[data-palette="vermelho"] { --mm-bg:#9b1239; --primary:#ffe4e6; --primary-fg:#4c0519; --primary-dim:rgba(255,228,230,.28); --link:#be123c; --badge-bg:rgba(190,18,60,.1); --badge-fg:#9f1239; }
[data-palette="violeta"]  { --mm-bg:#3730a3; --primary:#e0e7ff; --primary-fg:#1e1b4b; --primary-dim:rgba(224,231,255,.3);  --link:#4f46e5; --badge-bg:rgba(79,70,229,.1);  --badge-fg:#4338ca; }
[data-palette="ciano"]    { --mm-bg:#0e7490; --primary:#cffafe; --primary-fg:#083344; --primary-dim:rgba(207,250,254,.3);  --link:#0891b2; --badge-bg:rgba(8,145,178,.1);   --badge-fg:#0e7490; }
[data-palette="ardosia"]  { --mm-bg:#334155; --primary:#e2e8f0; --primary-fg:#0f172a; --primary-dim:rgba(226,232,240,.3);  --link:#475569; --badge-bg:rgba(71,85,105,.1);   --badge-fg:#334155; }
[data-palette="ametista"] { --mm-bg:#6d28d9; --primary:#ede9fe; --primary-fg:#2e1065; --primary-dim:rgba(237,233,254,.3);  --link:#7c3aed; --badge-bg:rgba(124,58,237,.1);  --badge-fg:#6d28d9; }
[data-palette="escuro"]   { --mm-bg:#141c2b; --body-bg:#0f172a; --surface:#1e293b; --surface2:#162033; --card-cap:#192032; --border:#2d3f58; --text:#e2eaf4; --muted:#94a3b8; --link:#93c5fd; --badge-bg:rgba(147,197,253,.12); --badge-fg:#93c5fd; }

/* ── Reset mínimo ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 14px; -webkit-text-size-adjust: 100%; }
body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--body-bg);
  line-height: 1.5;
  font-variant-ligatures: no-contextual;
}
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
svg { display: inline-block; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }