:root {
  --color-green: green;
  --color-red: red;
  --gutter: 16px;
  --form-valid-color: var(--color-green);
  --form-invalid-color: var(--color-red);
  --form-border-color: #d2d6de;
  --form-element-padding: 9px;
  --form-label-margin: 6px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;

  &.grid {
    tr:hover {
      background: #eee;
    }

    td,
    th {
      border: 1px solid #ccc;
      padding: 3px 5px;
    }
  }
}

.tar {
  text-align: right;
}