/* ==========================================================================
   GSK Labs - Design tokens
   Colado integral da secao 7 "Pronto para colar" do brand book
   (GSKlabs - Identidade Visual.md). Nome descreve funcao, nao cor.
   ========================================================================== */

:root {
  /* rampas */
  --neutral-0:#FFFFFF;    --neutral-50:#F8F7FB;  --neutral-100:#F1F0F7;
  --neutral-200:#E4E3EE;  --neutral-300:#CBC9DA; --neutral-400:#A9A9C4;
  --neutral-500:#82829F;  --neutral-600:#62627E; --neutral-700:#4B4B63;
  --neutral-800:#2C2C44;  --neutral-950:#14142B; --deep:#0B0F1A;

  --indigo-50:#EEEEFE;  --indigo-100:#E0E0FD; --indigo-200:#C4C4FB;
  --indigo-300:#A3A3F9; --indigo-400:#8484FF; --indigo-500:#5B5BF6;
  --indigo-600:#4A45E0; --indigo-700:#3B36BE; --indigo-800:#2E2A96;
  --indigo-900:#221F70;

  --violet-50:#F6EDFF;  --violet-100:#EDDBFF; --violet-200:#DBB8FF;
  --violet-300:#C08BFF; --violet-400:#AE6BFF; --violet-500:#9B4DFF;
  --violet-600:#8329E8; --violet-700:#6B1DC0; --violet-800:#531695;
  --violet-900:#3C1070;

  --gradient-brand:linear-gradient(135deg,#5B5BF6,#9B4DFF);

  /* estados */
  --success:#10B981; --success-bg:#E6F7F0; --success-dark:#34D399; --success-text:#047857;
  --warning:#F59E0B; --warning-bg:#FEF3E2; --warning-dark:#FBBF24; --warning-text:#B45309;
  --danger:#F43F5E;  --danger-bg:#FEECF0;  --danger-dark:#FB7185;  --danger-text:#BE123C;
  --info:#06B6D4;    --info-bg:#E3F6FB;    --info-dark:#22D3EE;    --info-text:#0E7490;

  /* dados */
  --viz-1:#5B5BF6; --viz-2:#06B6D4; --viz-3:#10B981;
  --viz-4:#9B4DFF; --viz-5:#F59E0B; --viz-6:#F43F5E;
  --viz-other:#A9A9C4;

  /* tipografia */
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-text:'Manrope',system-ui,sans-serif;

  /* escala de elevacao (z-index) - todo z sai daqui, nunca numero solto */
  --z-base:0;
  --z-sidebar:100;
  --z-sticky:200;
  --z-dropdown:300;
  --z-overlay:400;
  --z-modal:500;
  --z-toast:600;
  --z-tooltip:700;

  /* semanticos - tema claro */
  --bg-page:var(--neutral-50);       --bg-surface:var(--neutral-0);
  --bg-subtle:var(--neutral-100);    --border-default:var(--neutral-200);
  --text-primary:var(--neutral-950); --text-secondary:var(--neutral-700);
  --text-muted:var(--neutral-500);   --action-primary:var(--indigo-500);
  --action-hover:var(--indigo-600);  --action-subtle:var(--indigo-50);
  --focus-ring:var(--indigo-500);    --accent:var(--violet-500);

  /* logo e sombras: theme-aware (tema claro) */
  --logo-ink:var(--neutral-950);     --logo-sub:var(--neutral-700);
  --logo-dot-a:#5B5BF6;              --logo-dot-b:#9B4DFF;
  --shadow-hero:0 20px 45px rgba(20,20,43,.12);
  --shadow-card:0 12px 30px rgba(20,20,43,.10);
  --msg-ok-text:var(--success-text); --msg-erro-text:var(--danger-text);
}

[data-theme="dark"] {
  --bg-page:var(--deep);             --bg-surface:var(--neutral-950);
  --bg-subtle:var(--neutral-800);    --border-default:rgba(255,255,255,.10);
  --text-primary:#F5F4FA;            --text-secondary:var(--neutral-400);
  --text-muted:var(--neutral-500);   --action-primary:var(--indigo-400);
  --action-hover:var(--indigo-300);  --action-subtle:rgba(91,91,246,.16);
  --focus-ring:var(--indigo-400);    --accent:var(--violet-300);

  /* logo e sombras: theme-aware (tema escuro) */
  --logo-ink:#F5F4FA;                --logo-sub:var(--neutral-400);
  --logo-dot-a:#7C7CFF;              --logo-dot-b:#C08BFF;
  --shadow-hero:0 24px 60px rgba(0,0,0,.45);
  --shadow-card:0 16px 40px rgba(0,0,0,.35);
  --msg-ok-text:var(--success-dark); --msg-erro-text:var(--danger-dark);
}