/* ============================================================
   ÉLLEVA — Design System
   Gestão condominial · enterprise & elegante
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');

:root{
  /* Brand — pinheiro profundo + latão */
  --pine-900:#0B1F1A;
  --pine-800:#0E2A22;
  --pine-700:#0F3D34;
  --pine-600:#15564A;
  --pine-500:#1E6F5E;
  --pine-400:#3E9483;
  --pine-100:#DDE9E4;
  --pine-50:#EEF4F1;

  --brass-700:#7A5F2E;
  --brass-600:#A4823F;
  --brass-500:#C2A15C;
  --brass-400:#D6BC85;
  --brass-100:#F3EBD8;

  /* Neutros quentes */
  --ink:#101713;
  --ink-soft:#2A332E;
  --muted:#5C6B63;
  --muted-2:#8A968E;
  --line:#E5E3DA;
  --line-soft:#EFEDE5;
  --surface:#F6F5EF;
  --surface-2:#FBFAF6;
  --card:#FFFFFF;

  /* Sinalização */
  --pos:#1E6F5E;
  --pos-bg:#E7F1ED;
  --warn:#B4791F;
  --warn-bg:#F8EFD9;
  --neg:#9E3B2E;
  --neg-bg:#F6E7E3;
  --info:#2F5E8C;
  --info-bg:#E7EEF6;

  --r-sm:8px;
  --r-md:12px;
  --r-lg:18px;
  --r-xl:26px;

  --shadow-sm:0 1px 2px rgba(16,23,19,.05), 0 1px 3px rgba(16,23,19,.04);
  --shadow-md:0 4px 14px rgba(16,23,19,.07), 0 2px 6px rgba(16,23,19,.04);
  --shadow-lg:0 18px 50px rgba(11,31,26,.16), 0 6px 18px rgba(11,31,26,.08);

  --sans:'Hanken Grotesk', system-ui, sans-serif;
  --serif:'Spectral', Georgia, serif;
}

*{box-sizing:border-box}

.ell-mono-num{font-variant-numeric:tabular-nums lining-nums;}