/* =================================================================
   ASISTÉRIL · Design tokens (consolidated)
   ================================================================= */

:root {
  /* Brand · periwinkle + teal */
  --lila:        #6c82bb;
  --lila-deep:   #475a8a;
  --lila-soft:   #a8b5d6;
  --lila-wash:   #e5e9f3;
  --teal:        #9ac7c4;
  --teal-deep:   #6e9c99;

  /* Surface */
  --blanco:      #fcfaf6;
  --cream:       #f5f1ea;
  --negro:       #0a0a0a;

  /* Greys */
  --gris-1:      #3b3b40;
  --gris-2:      #6a6a72;
  --gris-3:      #9a9aa0;
  --gris-line:   #d8d6cf;

  /* Status */
  --positive:    #3a8a4d;
  --warning:     #c98a2b;
  --danger:      #b23b2c;

  /* Typography */
  --serif:       'Fraunces', Georgia, serif;
  --sans:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mono:        'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Motion */
  --dur-fast:    180ms;
  --dur-base:    280ms;
  --dur-slow:    520ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);

  /* Radii */
  --r-xs:        4px;
  --r-sm:        8px;
  --r-md:        14px;
  --r-lg:        20px;
  --r-pill:      999px;
}