/* ============================================================
   7PM ARQUITECTURA — Design Tokens
   ============================================================ */

:root {

  /* Colores */
  --color-bg:      #fafafa;
  --color-black:   #0a0a0a;
  --color-gray:    #808080;

  /* Tipografías */
  --font-tabular:  'Tabular', 'Arial Narrow', sans-serif;
  --font-satoshi:  'Satoshi', Georgia, serif;

  /* Header */
  --header-height: 64px;

  /* Z-index */
  --z-header:      100;
  --z-menu:        90;

  /* Transiciones */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:      160ms;
  --dur-base:      320ms;
}

@media (min-width: 768px) {
  :root {
    --header-height: 80px;
  }
}