/**
 * Stylesheet
 *
 * @namespace Lungo.Theme
 * @class Layout
 *
 * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
 */

.button, button
  &, abbr
    font-weight: 600

article
  & .button, button
    // border-radius (BORDER_radius * 2)
    border-radius BORDER_radius
    color: #fff !important

    box-shadow: inset 0 0.1em 0 rgba(255,255,255,0.1), inset 0 -0.15em 0 rgba(0,0,0,0.2), 0 0.15em 0 rgba(0,0,0,0.075)
    -webkit-font-smoothing: antialiased
    text-shadow: 0 0.1em 0 rgba(0,0,0,0.1)

    &:hover
        box-shadow: inset 0 0 5em rgba(0,0,0,0.15), inset 0 -0.15em 0 rgba(0,0,0,0.2), 0 0.15em 0 rgba(0,0,0,0.075)
    &:active
      box-shadow inset 0 0 5em rgba(0,0,0,0.3), inset 0 0.15em 0 rgba(0,0,0,0.1)

    & .icon
      opacity: 0.65
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25)

  & button, .button, .tag:not(.icon)
    &
      background-color: darken(THEME, 15%)
    &.color
      background-color: lighten(COLOR, 10%)
    &.accept
      background-color: SUCCESS
    &.cancel
      background-color: DANGER
    &.warning
      background-color: WARNING
    &[disabled], :disabled, &.disabled
      background: FORM_color
      color: #999 !important
      box-shadow: none !important
      text-shadow: none !important