body {
  background: #FFFFFF;
}

/* Button Base */
.c-button,
.c-button--primary,
.c-button--danger {
  display: inline-block;
  padding: 16px 40px;
  border-radius: 0 !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Default Button */
.c-button {
  background: #eff2f4;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
  text-decoration: none;
}
.c-button:hover {
  background: #dfe5e8;
  opacity: 0.85;
}

/* Primary Button (Login) */
.c-button--primary {
  background: #feedeb;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #86251e;
  text-decoration: none;
}
.c-button--primary:hover {
  background: #fdd9d7;
  opacity: 0.85;
}

/* Danger Button */
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
  text-decoration: none;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
  opacity: 0.85;
}

/* Input Fields (ID, Password) */
.c-input--text {
  box-sizing: border-box;
  padding: 16px 15px;
  border-radius: 0 !important;
  font-size: 14px;
  font-family: inherit;
  background-color: #fafafa;
  border: 1px solid #d7dee2;
  color: #222222;
  width: 100%;
  transition: all 0.3s ease;
}

/* Input Focus State */
.c-input--text:focus {
  background-color: #ffffff;
  border-color: #607d8b;
  outline: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}