// Base styles

* {
  scrollbar-color: initial;
}

.hawkmoon {
  font-family: @font-family-base;
}

// Utility classes
.flexrow {
  .flex-row();
  gap: @spacing-base;
}

.flexcol {
  .flex-column();
  gap: @spacing-base;
}

// Item lists
.item-list {
  list-style: none;
  margin: 0;
  padding: 0;

  .item {
    padding: @spacing-small @spacing-base;
    border-bottom: 1px solid lighten(@color-border, 20%);

    &:hover {
      background: lighten(@color-secondary, 65%);
    }
  }
}

.alternate-list {
  .item:nth-child(even) {
    background: lighten(@color-secondary, 70%);
  }
}

// Form elements
input[type="text"],
input[type="number"],
textarea,
select {
  .input-base();
}

button {
  .button-base();
}

// Labels
label {
  .label-base();
}

.generic-label {
  .label-base();
  margin: 0 @spacing-base;
}

// Field sizes
.item-field-label-short {
  flex: 0 0 40px;
}

.item-field-label-medium {
  flex: 0 0 80px;
}

.item-field-label-long {
  flex: 0 0 120px;
}

.item-field-label-very-long {
  flex: 0 0 150px;
}

// Padd classes
.padd-right {
  padding-right: @spacing-medium;
}

.padd-left {
  padding-left: @spacing-medium;
}