/* =========================================================================
   ISP Casa — Design Tokens
   White-label. Tudo derivado de variáveis: troque --brand-* por tenant.
   Tenant piloto exibido: "WIFI-Especialista" / verde #0A7D3C
   ========================================================================= */

:root {
  /* ---- Brand (verde piloto #0A7D3C) — sobrescrevível por tenant ---- */
  --brand-50:  #ECF7F0;
  --brand-100: #D2EDDD;
  --brand-200: #A6DCBB;
  --brand-300: #6FC592;
  --brand-400: #34A867;
  --brand-500: #0A7D3C;   /* primária do piloto */
  --brand-600: #0A6E36;
  --brand-700: #095A2D;
  --brand-800: #064521;
  --brand-900: #042E16;
  --brand:        var(--brand-500);
  --brand-ink:    var(--brand-700);
  --brand-contrast: #FFFFFF;

  /* ---- Neutros (slate frio) ---- */
  --n-0:   #FFFFFF;
  --n-25:  #FCFCFD;
  --n-50:  #F7F8FA;
  --n-100: #EFF1F4;
  --n-150: #E5E8ED;
  --n-200: #DBDFE6;
  --n-300: #C2C8D2;
  --n-400: #98A0AE;
  --n-500: #6B7280;
  --n-600: #4B5563;
  --n-700: #353B45;
  --n-800: #21262E;
  --n-900: #14181E;
  --n-950: #0A0C10;

  /* ---- Saúde / semânticos ---- */
  --good-50:  #ECF7F0;  --good-100: #CFEEDC;  --good-500: #0A7D3C;  --good-600: #096E35;  --good-700: #075729;
  --warn-50:  #FEF5E7;  --warn-100: #FCE7C2;  --warn-500: #D98A04;  --warn-600: #B45309;  --warn-700: #8A4308;
  --bad-50:   #FDECEC;  --bad-100:  #FAD2D2;  --bad-500:  #DC2626;  --bad-600:  #C01C1C;  --bad-700:  #991B1B;
  --info-50:  #EAF1FE;  --info-100: #D2E1FC;  --info-500: #2563EB;  --info-600: #1D4FD7;  --info-700: #1A43B5;
  --violet-50:#F1EEFE;  --violet-500:#6D45E0; --violet-600:#5A35C4;

  /* ---- Superfícies (NOC claro) ---- */
  --bg:        var(--n-50);
  --bg-sunken: var(--n-100);
  --surface:   var(--n-0);
  --surface-2: var(--n-25);
  --border:        var(--n-200);
  --border-strong: var(--n-300);
  --border-subtle: var(--n-150);

  /* ---- Texto ---- */
  --text:        var(--n-900);
  --text-2:      var(--n-600);
  --text-3:      var(--n-500);
  --text-faint:  var(--n-400);
  --text-onbrand:#FFFFFF;

  /* ---- Sidebar grafite (premium) ---- */
  --side-bg:     #14181E;
  --side-bg-2:   #1B2027;
  --side-border: #262C35;
  --side-text:   #C2C8D2;
  --side-text-2: #8A93A2;
  --side-active: #1F2730;

  /* ---- Tipografia ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-display: 30px;  --lh-display: 36px;
  --fs-h1: 23px;       --lh-h1: 30px;
  --fs-h2: 19px;       --lh-h2: 26px;
  --fs-h3: 16px;       --lh-h3: 22px;
  --fs-body: 14px;     --lh-body: 21px;
  --fs-sm: 13px;       --lh-sm: 19px;
  --fs-xs: 12px;       --lh-xs: 16px;
  --fs-2xs: 11px;      --lh-2xs: 14px;

  --fw-regular: 450;
  --fw-medium: 520;
  --fw-semibold: 600;
  --fw-bold: 680;

  /* ---- Espaçamento (base 4) ---- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-7: 32px;  --sp-8: 40px;
  --sp-9: 48px;  --sp-10: 64px; --sp-11: 80px;

  /* ---- Raios ---- */
  --r-xs: 6px;  --r-sm: 8px;  --r-md: 10px; --r-lg: 14px;
  --r-xl: 18px; --r-2xl: 24px; --r-full: 999px;

  /* ---- Sombras ---- */
  --sh-xs: 0 1px 2px rgba(16,21,26,.05);
  --sh-sm: 0 1px 2px rgba(16,21,26,.06), 0 1px 1px rgba(16,21,26,.04);
  --sh-md: 0 4px 12px -2px rgba(16,21,26,.08), 0 2px 6px -3px rgba(16,21,26,.06);
  --sh-lg: 0 14px 36px -10px rgba(16,21,26,.16), 0 6px 14px -6px rgba(16,21,26,.08);
  --sh-xl: 0 28px 60px -16px rgba(16,21,26,.22), 0 10px 24px -10px rgba(16,21,26,.10);
  --ring:  0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);

  /* ---- Layout ---- */
  --side-w: 244px;
  --topbar-h: 60px;
  --maxw: 1240px;
}