/* =========================================================================
   LINKDOC - Design Tokens  (v5.0 - refinamento "GPT")
   Janela flutuante sobre slate, Inter, accent azul-lavanda claro, raios amplos.
   Fonte unica de verdade. app.css consome via var().
   ========================================================================= */

:root {
  /* ---------------------------------------------------------------------
     1. COR - MARCA (azul-lavanda claro)
     --------------------------------------------------------------------- */
  --accent-50:  #EEF1FF;
  --accent-100: #DCE3FF;
  --accent-200: #C3CFFF;
  --accent-300: #B4C4FF;   /* soft / hover claro / topo das barras */
  --accent-400: #9FB4FF;
  --accent:     #8EA8FF;   /* PRIMARIA */
  --accent-600: #7190F5;   /* base do gradiente / pressed */
  --accent-700: #6F8FF5;
  --accent-800: #5A78E0;

  --accent-gradient:      linear-gradient(135deg, #7190F5 0%, #AFC2FF 100%);
  --bar-gradient:         linear-gradient(180deg, #AFC2FF 0%, #7190F5 100%);
  --gradient-soft:        linear-gradient(135deg, rgba(113,144,245,0.18), rgba(175,194,255,0.07));
  --gradient-danger:      linear-gradient(135deg, rgba(255,77,87,0.26), rgba(255,77,87,0.07));
  --accent-glow:          0 18px 48px rgba(113,144,245,0.32);

  --accent-soft:          rgba(142,168,255,0.09);
  --accent-soft-border:   rgba(142,168,255,0.48);

  /* ---------------------------------------------------------------------
     2. COR - NEUTROS (dark, janela flutuante)
     --------------------------------------------------------------------- */
  --bg-outside:   #505365;   /* fundo atras da janela do app */
  --bg-canvas:    #101010;   /* interior da janela / pagina publica */
  --bg-page:      #0D0D0E;
  --surface-1:    #171717;   /* card */
  --surface-2:    #1C1C1D;   /* card-soft / input / pill */
  --surface-3:    #202022;   /* elevado */
  --surface-4:    #25262A;   /* hover elevado */

  --border-subtle:  #2A2C31;   /* borda de card (visivel) */
  --border-strong:  #3C3F45;
  --border-hair:    rgba(255, 255, 255, 0.055);
  --divider:        rgba(255, 255, 255, 0.06);

  /* ---------------------------------------------------------------------
     3. COR - TEXTO
     --------------------------------------------------------------------- */
  --text-primary:    #F4F4F5;
  --text-secondary:  #B8B8BC;
  --text-tertiary:   #7C7F87;
  --text-disabled:   #555861;
  --text-on-accent:  #FFFFFF;

  /* ---------------------------------------------------------------------
     4. COR - SEMANTICA
     --------------------------------------------------------------------- */
  --success:        #83E7B6;
  --success-soft:   rgba(131, 231, 182, 0.09);
  --warning:        #F6B84B;
  --warning-soft:   rgba(246, 184, 75, 0.09);
  --danger:         #FF4D57;
  --danger-soft:    rgba(255, 77, 87, 0.09);
  --info:           var(--accent);
  --info-soft:      var(--accent-soft);

  --trend-up:       var(--success);
  --trend-down:     var(--danger);

  /* ---------------------------------------------------------------------
     5. TIPOGRAFIA (Inter / Manrope)
     --------------------------------------------------------------------- */
  --font-sans: "Inter", "Manrope", "Plus Jakarta Sans", ui-sans-serif, -apple-system,
               BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;

  --fs-display: 33px;   /* numero grande de KPI */
  --fs-h1:      30px;   /* titulo de pagina */
  --fs-h2:      23px;   /* titulo de card */
  --fs-h3:      17px;   /* subtitulo / row title */
  --fs-body:    14px;
  --fs-sm:      13px;
  --fs-xs:      12px;
  --fs-micro:   11px;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     650;
  --fw-extra:    700;

  --lh-tight:  1.05;
  --lh-snug:   1.3;
  --lh-normal: 1.5;

  --ls-tight:  -0.05em;   /* titulos grandes */
  --ls-snug:   -0.03em;   /* h3 / numeros medios */
  --ls-normal: 0;
  --ls-wide:   0.08em;    /* eyebrow / labels caixa alta */

  /* ---------------------------------------------------------------------
     6. ESPACAMENTO
     --------------------------------------------------------------------- */
  --sp-1:  4px; --sp-2:  8px; --sp-3:  12px; --sp-4:  16px; --sp-5:  20px;
  --sp-6:  24px; --sp-8:  32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;

  --card-pad: 24px;
  --grid-gap: 22px;

  /* ---------------------------------------------------------------------
     7. RAIO (amplos)
     --------------------------------------------------------------------- */
  --radius-xs:   8px;
  --radius-sm:   12px;
  --radius-md:   16px;
  --radius-lg:   22px;
  --radius-xl:   28px;    /* cards */
  --radius-2xl:  34px;
  --radius-pill: 999px;
  --radius-full: 50%;

  /* ---------------------------------------------------------------------
     8. ELEVACAO
     --------------------------------------------------------------------- */
  --shadow-card:   none;
  --shadow-pop:    0 40px 120px rgba(0, 0, 0, 0.6);
  --shadow-window: 0 40px 140px rgba(0, 0, 0, 0.42);
  --shadow-accent: var(--accent-glow);

  /* ---------------------------------------------------------------------
     9. TAMANHOS DE CONTROLE
     --------------------------------------------------------------------- */
  --control-h:     48px;
  --control-h-sm:  38px;
  --icon-btn:      48px;
  --icon-btn-sm:   38px;
  --nav-rail:      96px;
  --nav-i:         56px;
  --avatar:        56px;

  /* ---------------------------------------------------------------------
     10. GRAFICOS
     --------------------------------------------------------------------- */
  --chart-bar:        var(--bar-gradient);
  --chart-ghost:      rgba(255, 255, 255, 0.045);
  --chart-ghost-line: rgba(255, 255, 255, 0.07);
  --chart-grid:       rgba(255, 255, 255, 0.06);
  --chart-track:      rgba(255, 255, 255, 0.07);
  --chart-radius:     10px;

  /* ---------------------------------------------------------------------
     11. MOVIMENTO
     --------------------------------------------------------------------- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:   160ms;
  --dur-base:   240ms;
  --dur-slow:   420ms;

  /* ---------------------------------------------------------------------
     12. Z-INDEX
     --------------------------------------------------------------------- */
  --z-base: 0; --z-sticky: 100; --z-dropdown: 200; --z-overlay: 300; --z-modal: 400; --z-toast: 500;
}