:root {

  /*
    Identidad TRAZZA
  */

  --trazza-dark:
    #102030;

  --trazza-dark-soft:
    #2b3740;

  --trazza-green:
    #16943b;

  --trazza-green-strong:
    #0f7f31;

  --trazza-green-light:
    #42a93c;

  --trazza-lime:
    #71b900;

  --trazza-lime-light:
    #92cc32;


  /*
    Superficies
  */

  --surface:
    #ffffff;

  --canvas:
    #f7f9f5;

  --canvas-green:
    #f1f7ed;

  --green-soft:
    #edf7e8;

  --green-border:
    #d7e9ce;


  /*
    Texto
  */

  --ink:
    #17242c;

  --muted:
    #68766e;

  --muted-light:
    #87938c;

  --line:
    #e1e8de;


  /*
    Layout
  */

  --container:
    1280px;

  --header-height:
    78px;


  /*
    Efectos
  */

  --shadow-sm:
    0 8px 24px
    rgba(16,32,48,.07);

  --shadow-md:
    0 20px 55px
    rgba(16,32,48,.12);

  --shadow-lg:
    0 30px 85px
    rgba(16,32,48,.15);

  --transition:
    180ms ease;
}