/* =============================================================
   FluidChat — Design Tokens
   v1.0 · 2026
   ============================================================= */

:root {
  /* -------- Brand · Verde (identidade, marketing, logo) -------- */
  --fc-mata:       #0E9467;  /* mata atlântica · base profunda */
  --fc-floresta:   #1B5E3A;  /* verde estrutural */
  --fc-folha:      #2D8B4A;  /* verde primário · contraste */
  --fc-broto:      #4FB36A;
  --fc-lima:       #7ED957;  /* lima · ação, energia */
  --fc-orvalho:    #B8E8A0;
  --fc-salvia:     #E8F5E0;  /* tinta clara · fundos */

  /* -------- Produto · Azul (UI, dashboard, dados) -------- */
  --fc-abissal:    #0A1628;  /* navy base · dark mode */
  --fc-noturno:    #0F2240;
  --fc-cobalto:    #1E40AF;
  --fc-eletrico:   #2563EB;  /* azul primário UI */
  --fc-celeste:    #3B82F6;
  --fc-neon:       #06B6D4;  /* ciano · acento, hover */
  --fc-vapor:      #BFDBFE;
  --fc-brisa:      #EFF6FF;

  /* -------- Neutros quentes (warm-grey, leve viés verde) -------- */
  --fc-tinta:      #0B1410;  /* texto principal */
  --fc-grafite:    #1F2A24;
  --fc-pedra:      #4A5550;
  --fc-cinza:      #6B746F;
  --fc-bruma:      #A8AFAA;
  --fc-areia:      #D4D7D2;
  --fc-leite:      #F0F1ED;
  --fc-papel:      #F8F8F4;  /* off-white quente */
  --fc-branco:     #FFFFFF;

  /* -------- Semânticas -------- */
  --fc-sucesso:    #2D8B4A;
  --fc-alerta:     #D97706;
  --fc-erro:       #DC2626;
  --fc-info:       #2563EB;

  /* -------- Tipografia -------- */
  --fc-font-sans: 'Geist', 'Inter', system-ui, -apple-system, sans-serif;
  --fc-font-serif: 'Instrument Serif', 'Times New Roman', serif;
  --fc-font-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;

  /* Escala tipográfica · 1.25 minor third + display jumps */
  --fc-text-2xs: 11px;
  --fc-text-xs:  12px;
  --fc-text-sm:  14px;
  --fc-text-base:16px;
  --fc-text-lg:  18px;
  --fc-text-xl:  20px;
  --fc-text-2xl: 24px;
  --fc-text-3xl: 32px;
  --fc-text-4xl: 44px;
  --fc-text-5xl: 60px;
  --fc-text-6xl: 80px;
  --fc-text-7xl: 112px;
  --fc-text-8xl: 160px;

  /* Pesos */
  --fc-weight-light: 300;
  --fc-weight-regular: 400;
  --fc-weight-medium: 500;
  --fc-weight-semibold: 600;
  --fc-weight-bold: 700;

  /* -------- Espaçamento (4px grid) -------- */
  --fc-sp-0:  0;
  --fc-sp-1:  4px;
  --fc-sp-2:  8px;
  --fc-sp-3:  12px;
  --fc-sp-4:  16px;
  --fc-sp-5:  20px;
  --fc-sp-6:  24px;
  --fc-sp-8:  32px;
  --fc-sp-10: 40px;
  --fc-sp-12: 48px;
  --fc-sp-16: 64px;
  --fc-sp-20: 80px;
  --fc-sp-24: 96px;
  --fc-sp-32: 128px;

  /* -------- Raios -------- */
  --fc-radius-xs:  4px;
  --fc-radius-sm:  6px;
  --fc-radius-md:  10px;
  --fc-radius-lg:  16px;
  --fc-radius-xl:  24px;
  --fc-radius-2xl: 32px;
  --fc-radius-full: 999px;

  /* -------- Sombras -------- */
  --fc-shadow-xs: 0 1px 2px rgba(11, 20, 16, 0.04);
  --fc-shadow-sm: 0 2px 6px rgba(11, 20, 16, 0.06), 0 1px 2px rgba(11, 20, 16, 0.04);
  --fc-shadow-md: 0 8px 24px -8px rgba(11, 20, 16, 0.10), 0 2px 6px rgba(11, 20, 16, 0.04);
  --fc-shadow-lg: 0 24px 48px -16px rgba(11, 20, 16, 0.16), 0 8px 16px -8px rgba(11, 20, 16, 0.06);
  --fc-shadow-xl: 0 40px 80px -24px rgba(11, 20, 16, 0.22);
  --fc-shadow-glow-green: 0 0 0 1px rgba(45, 139, 74, 0.18), 0 16px 48px -12px rgba(45, 139, 74, 0.32);
  --fc-shadow-glow-blue:  0 0 0 1px rgba(37, 99, 235, 0.18),  0 16px 48px -12px rgba(37, 99, 235, 0.32);

  /* -------- Motion -------- */
  --fc-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --fc-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --fc-ease-fluid: cubic-bezier(0.4, 0, 0.1, 1);
  --fc-dur-fast: 160ms;
  --fc-dur-base: 240ms;
  --fc-dur-slow: 400ms;
  --fc-dur-flow: 800ms;
}