/* ============================================================
   CrIAcao Digital - Design System v2.0
   tokens.css - variaveis CSS. Unica fonte da verdade.
   ============================================================ */

:root {
  /* neutros metálicos */
  --cd-carbono-950: #08090B;
  --cd-carbono-900: #16181C;
  --cd-carbono-800: #2A2E34;
  --cd-carbono-700: #454B54;
  --cd-prata-500: #6E7783;
  --cd-prata-400: #9AA3AE;
  --cd-prata-300: #C2C8D0;
  --cd-prata-200: #DFE3E8;
  --cd-prata-100: #F4F6F8;
  /* azul tecnologia */
  --cd-azul-900: #063E8C;
  --cd-azul-600: #0A6FD1;
  --cd-azul-400: #2AA8FF;
  /* feedback — só em pílulas e avisos, nunca como superfície */
  --cd-sucesso: #2A9D8F;
  --cd-atencao: #D9A441;
  --cd-erro: #D9534F;
  /* gradientes */
  --cd-grad-prata: linear-gradient(100deg, #6E7783 0%, #C8CED6 22%, #8A929C 45%, #EDF0F3 62%, #7C848F 82%, #B6BDC6 100%);
  --cd-grad-carbono: linear-gradient(160deg, #2A2E34 0%, #08090B 58%, #16181C 100%);
  --cd-grad-azul: linear-gradient(135deg, #063E8C 0%, #0A6FD1 48%, #2AA8FF 100%);
  --cd-grad-nevoa: radial-gradient(120% 90% at 12% -10%, #F4F6F8 0%, #DFE3E8 42%, #C9CFD7 100%);
  /* raios */
  --cd-r-tag: 8px;
  --cd-r-field: 16px;
  --cd-r-card: 26px;
  --cd-r-pill: 999px;
  /* movimento */
  --cd-ease: cubic-bezier(.16, 1, .3, 1);
  --cd-ease-io: cubic-bezier(.4, 0, .2, 1);
  --cd-dur-fast: .24s;
  --cd-dur: .5s;
  --cd-dur-slow: 1.2s;
}