/* ============================================================
   tokens.css — design tokens (cores extraídas das referências)
   ============================================================ */

:root {
  /* --- Superfícies --- */
  --bg:            #FFFFFF;   /* fundo principal */
  --bg-veil:       #FFFFFF;
  --surface:       #FFFFFF;
  --menu-bg:       #F2F0EC;   /* cinza anterior do menu */
  --message-bg:    #F1F1F1;   /* mensagens enviadas */
  --track:         #F2F2F2;   /* controles e superfícies secundárias */
  --pill:          #F5F5F5;   /* botões-pílula do composer */

  /* --- Tinta / texto --- */
  --ink:           #27251F;   /* preto quente da referência */
  --ink-soft:      #626262;
  --ink-mute:      #767676;
  --ink-faint:     #C4C0B8;

  /* --- Acento: marrom escuro --- */
  --brown:         #5C4433;   /* acento principal: botões, ícones, barras */
  --brown-deep:    #452F1F;   /* estado pressionado */

  /* --- Linhas --- */
  --line:          rgba(39, 37, 31, .09);
  --line-strong:   rgba(39, 37, 31, .16);

  /* --- Liquid glass (iOS) --- */
  --glass-bg:      #FFFFFF;
  --glass-bg-deep: #FFFFFF;
  --glass-blur:    saturate(180%) blur(28px);
  --glass-edge:    inset 0 1px 0 rgba(255, 255, 255, .85),
                   inset 0 -1px 0 rgba(39, 37, 31, .04);
  --glass-ring:    0 0 0 .5px rgba(39, 37, 31, .10);

  /* --- Sombras --- */
  --sh-xs: 0 1px 2px rgba(39, 37, 31, .05);
  --sh-sm: 0 2px 6px rgba(39, 37, 31, .06), 0 1px 2px rgba(39, 37, 31, .04);
  --sh-md: 0 8px 24px rgba(39, 37, 31, .08), 0 2px 6px rgba(39, 37, 31, .05);
  --sh-lg: 0 24px 60px rgba(39, 37, 31, .14), 0 6px 16px rgba(39, 37, 31, .06);
  --sh-pop: 0 2px 8px rgba(39, 37, 31, .10), 0 0 0 .5px rgba(39, 37, 31, .06);

  /* --- Raios --- */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 32px;
  --r-full: 999px;

  /* --- Ritmo --- */
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 24px;
  --gap-6: 32px;

  /* --- Tipografia --- */
  --font: "Geist Placeholder", -apple-system, BlinkMacSystemFont,
          "SF Pro Text", "Helvetica Neue", sans-serif;
  --w-regular: 400;
  --w-medium:  500;

  /* --- Movimento (curvas iOS) --- */
  --ease-out:    cubic-bezier(.32, .72, 0, 1);
  --ease-spring: cubic-bezier(.34, 1.36, .34, 1);
  --t-fast: 180ms;
  --t-base: 320ms;
  --t-slow: 460ms;

  /* --- Métricas de layout --- */
  --topbar-h: 56px;
  --shell-w: 460px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}